Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

Ответ
 
Опции темы
Старый 28.09.2018, 17:28   #1
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
Репутация: 43
Восклицание 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 в 17:34.
spirit-ua вне форума   Ответить с цитированием
Старый 28.09.2018, 17:37   #2
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,353
Репутация: 3353

icq: 512-765
skype: alexp.frl
По умолчанию

Причем тут файл? Класс элемента поменяйте.
Alex11223 на форуме   Ответить с цитированием
Старый 28.09.2018, 17:40   #3
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
Репутация: 43
По умолчанию

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

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

Цитата:
Сообщение от 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, 18:26   #5
Alex11223
Модератор
Заслуженный модератор
 
Регистрация: 12.01.2011
Сообщений: 17,353
Репутация: 3353

icq: 512-765
skype: alexp.frl
По умолчанию

.addClass, .removeClass или .switchClass раз jQuery.
Alex11223 на форуме   Ответить с цитированием
Старый 28.09.2018, 19:41   #6
spirit-ua
Форумчанин
 
Аватар для spirit-ua
 
Регистрация: 04.06.2009
Сообщений: 351
Репутация: 43
По умолчанию

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

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

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
замена стиля "Обычный" 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


10:28.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru