Добавление css стиля UserScript

@Neaner · Регистрация: 09.07.2012

Author24 — интернет-сервис помощи студентам

Всем привет! Подскажите пожалуйста как добавить свой css стиль c помощью js на страницу через userscript? и менять класс body в зависимости от нажатой кнопки: нажал на одну кнопку шапка сайта сменила картинку нажал на другую сменилась на другую картинку)

Добавлено через 5 минут
и как подключить jquery к userscript для хрома

@newJS · 12.07.2012, 07:23

HTML5

1 2	<input type="button" value="кнопка" name="but1" id="but1" onclick="newClass(id);"> <input type="button" value="кнопка" name="but2" id="but2" onclick="newClass(id);">

Javascript

1
2
3

function newClass(s){
document.body.className='fon'+(s.replace(/[^0-9]/g, ""));
 };

CSS

1 2	.fon1 {background:red;} .fon2 {background:pink;}

Если ИД не нужно, можно сразу цифру передавать.
Разумеется есть и другие варианты как все это уговорить.

@Neaner · 12.07.2012, 23:41 **[ТС]**

а класс как добавить? ту т.е такое работать будет?

Javascript

var newCss = document.createElement('link')
newCss.scr = "http://site.ru/css/css.css"
newCss.rel = "stylesheet"
newCss.type = "text/css"

Добавлено через 1 час 32 минуты
блин даже не знаю как это объяснить(

@newJS · 13.07.2012, 08:27

Это?

Javascript

(function(){
var obj;
obj=document.createElement("link");
obj.rel="stylesheet";
obj.type="text/css";
obj.href="test_2.css";
document.head.appendChild(obj);
 })();

Если оно, то путь к файлу поправь.
Не работает в осле до 8, выше не знаю.

Добавлено через 40 минут
Так кроссбраузерно

Javascript

1 2	//document.head.appendChild(obj); document.getElementsByTagName("head")[0].appendChild(obj);

@Neaner · 13.07.2012, 10:32 **[ТС]**

важно чтобы в хроме работало) спасибо

Добавлено через 15 минут
ещё вопрос)
надо кликать по href="javascript:void(0)
нашел как это делать с помощью jquery

Javascript

1	jquery('img[src*=thumbs_down]').click();

то

Javascript

1	jquery('a[href*=javascript:void(0)]').click();

так?

и подключить jq

Javascript

(function(){
var obj;
objJq=document.createElement("script");
objJq.type="text/javascript";
objJq.scr="http://code.jquery.com/jquery-1.7.2.min.js";
document.head.appendChild(objJq);
 })();

получится?

Добавлено через 58 секунд

Javascript

(function(){
var objJq;
objJq=document.createElement("script");
objJq.type="text/javascript";
objJq.scr="http://code.jquery.com/jquery-1.7.2.min.js";
document.head.appendChild(objJq);
 })();

@newJS · 13.07.2012, 20:59

Библиотеками из принципа не занимаюсь, для них есть отдельный раздел.

@Neaner 2 / 2 / 0 Регистрация: 09.07.2012 Сообщений: 23
		1
	Добавление css стиля UserScript 12.07.2012, 02:39. Показов 4715. Ответов 5 Метки нет (Все метки) Всем привет! Подскажите пожалуйста как добавить свой css стиль c помощью js на страницу через userscript? и менять класс body в зависимости от нажатой кнопки: нажал на одну кнопку шапка сайта сменила картинку нажал на другую сменилась на другую картинку) Добавлено через 5 минут и как подключить jquery к userscript для хрома 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	13.07.2012, 20:59	6
	Библиотеками из принципа не занимаюсь, для них есть отдельный раздел. 0