Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.96/23: Рейтинг темы: голосов - 23, средняя оценка - 4.96
2 / 2 / 0
Регистрация: 09.07.2012
Сообщений: 23

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

12.07.2012, 02:39. Показов 5050. Ответов 5
Метки нет (Все метки)

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

Добавлено через 5 минут
и как подключить jquery к userscript для хрома
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.07.2012, 02:39
Ответы с готовыми решениями:

Загрузка CSS стиля по ссылке
Мне нужно сделать букмарклет ,который позволит из адресной строки менять css стиль страницы,без ее перегазгрузки и последующим...

Нарушение кросбраузерности в изменении css стиля.
Доброго времени суток. Есть маленький скриптик, буквально одна функция, которая управляет стилем дива. var name; function...

как получить свойство width из стиля css?
Просто хочу получить значение style.width, но выводится пустое сообщение alert. function Msg() { var c =...

5
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
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;}
Если ИД не нужно, можно сразу цифру передавать.
Разумеется есть и другие варианты как все это уговорить.
0
2 / 2 / 0
Регистрация: 09.07.2012
Сообщений: 23
12.07.2012, 23:41  [ТС]
а класс как добавить? ту т.е такое работать будет?
JavaScript
1
2
3
4
var newCss = document.createElement('link')
newCss.scr = "http://site.ru/css/css.css"
newCss.rel = "stylesheet"
newCss.type = "text/css"
Добавлено через 1 час 32 минуты
блин даже не знаю как это объяснить(
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
13.07.2012, 08:27
Это?
JavaScript
1
2
3
4
5
6
7
8
(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);
0
2 / 2 / 0
Регистрация: 09.07.2012
Сообщений: 23
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
1
2
3
4
5
6
7
(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
1
2
3
4
5
6
7
(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);
 })();
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
13.07.2012, 20:59
Библиотеками из принципа не занимаюсь, для них есть отдельный раздел.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
13.07.2012, 20:59
Помогаю со студенческими работами здесь

CSS и изменение стиля родителя при нажатии на дочь
Как это сделать? Имеется: &lt;div class=&quot;bag&quot;&gt;&lt;div class=&quot;tes&quot;&gt;&lt;/div&gt;&lt;input class=&quot;bt&quot; type=&quot;submit&quot;...

Добавление стиля ко всем файлам HTML
Здравствуйте, мне интересно возможно ли написание скрипта, который бы динамически запускался с главной страницы и добавлял данные. ...

Добавление стиля при уменьшении экрана
Здравствуйте! Как сделать так чтобы при уменьшении окна (например когда ширина окна менее 500px) в блок div добавлялся класс, помогите...

Добавление css префиксов во всех html файлах
Все привет! Непосредственно к RegExp для JS это не относится, но, может, поможете. Или админы перенесут в более подходящий раздел. ...

Не работает userscript
Доброго времени суток! Пытаюсь вникнуть в userscript, подключил Tampermonkey, воткнул туда скрипт: // ==UserScript== // @name...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru