Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.09.2018, 16:28   #1
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
Восклицание JavaScript замена стиля

Всем Привет!

все стили лежат в файле bla.css
Код:
...
.center_header_goods_list_left_0{
	width: 50%;
	background: #FFF url(../image/button/list_11.png) no-repeat no-repeat 44% center;
}
.center_header_goods_list_left_0:hover{
	background: #FFF url(../image/button/list_15.png) no-repeat no-repeat 44% center;
	cursor: pointer;
}

.center_header_goods_list_left_1{
	width: 50%;
	background: #7B87FF url(../image/button/list_13.png) no-repeat no-repeat 44% center;
}
...
Код:
<div class="center_header_goods_list_left_1" id="asd1">
как JavaScript'ом заменить стиль center_header_goods_list_left_1 на center_header_goods_list_left_0?

голову сломал

пробовал
Код:
var style_left_0 = "width: 50%; background: #FFF url(../image/button/list_11.png) no-repeat no-repeat 44% center;";
styles = document.getElementById('asd1').style.cssText = style_left_0;
но как сюда запихнуть hover?

менять сам файл стиля не вариант

помогите

P.S. пройдет и JQuery
Мне разрешено открывать только одну страницу - about :blank. Сперва было скучно, но потом я втянулся. Теперь у меня там живет 2 виртуальных друга, и я слышу голоса из розетки!

Последний раз редактировалось spirit-ua; 28.09.2018 в 16:34.
spirit-ua вне форума Ответить с цитированием
Старый 28.09.2018, 16:37   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Причем тут файл? Класс элемента поменяйте.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 28.09.2018, 16:40   #3
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
По умолчанию

Цитата:
Класс элемента поменяйте
т.е. в id=asd1 заменить класс? (document.getElementClassName)
Мне разрешено открывать только одну страницу - about :blank. Сперва было скучно, но потом я втянулся. Теперь у меня там живет 2 виртуальных друга, и я слышу голоса из розетки!

Последний раз редактировалось spirit-ua; 28.09.2018 в 16:44.
spirit-ua вне форума Ответить с цитированием
Старый 28.09.2018, 17:22   #4
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,238
По умолчанию

Цитата:
Сообщение от spirit-ua Посмотреть сообщение
т.е. в id=asd1 заменить класс?
ну да, если я правильно понял вашу проблему, то Вам нужно просто заменить один класс на другой.

можете почитать, как это делать: https://stackoverflow.com/questions/...ith-javascript

в вашем случае достаточно:
Код:
document.getElementById("asd1").className = "center_header_goods_list_left_0";
Serge_Bliznykov вне форума Ответить с цитированием
Старый 28.09.2018, 17:26   #5
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

.addClass, .removeClass или .switchClass раз jQuery.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 28.09.2018, 18:41   #6
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
По умолчанию

да, строчка кода чтоб заменить класс и вуаля, торможение тоже движение

Serge_Bliznykov, Alex11223 спасибо!
Мне разрешено открывать только одну страницу - about :blank. Сперва было скучно, но потом я втянулся. Теперь у меня там живет 2 виртуальных друга, и я слышу голоса из розетки!
spirit-ua вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
замена стиля "Обычный" caute Microsoft Office Word 10 13.01.2013 12:19
замена стиля "Обычный" caute Microsoft Office Word 3 13.01.2012 18:34
не работает смена стиля через Javascript makar3000 JavaScript, Ajax 3 12.05.2011 14:06
Замена части кода при отключённом JavaScript в браузере DJ Triton PHP 7 18.08.2009 19:47
Замена HTML-кода c javascript'om avalon8 Работа с сетью в Delphi 0 31.07.2008 16:12