Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.12.2017, 13:21
Аспирант
Отправить личное сообщение для Noonf Посмотреть профиль Найти все сообщения от Noonf
 
Регистрация: 26.11.2017
Сообщений: 38

Форма заявки в которой вкладки при активности должны заменяться другим изображением.
Помогите пожалуйста с такой задачей. Есть форма заявки со вкладками. Смену контента вкладок реализовал, но не могу реализовать смену изображения вкладки при ее активности (с серой на красную).

Прикрепляю фрагмент html и .png формы для наглядности.

<div id="Tabs">
<ul>
<li class="li_tabs" id="tab1" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/selling.png"
id="icons_tab1"></a></li>

<li class="li_tabs" id="tab2" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/rent.png" id="icons_tab2"
></a></li>

<li class="li_tabs" id="tab3" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/buy.png"></a></li>

<li class="li_tabs" id="tab4" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/take_off.png"></a></li>

<li class="li_tabs" id="tab5" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/change.png"></a></li>

<li class="li_tabs" id="tab6" onclick="tab(this)"><a href="#">
<img src="images/form/icons/posiv/mortgage.png"></a</li>
</ul>
</div>
Изображения:
Тип файла: jpg c5bb9b8ecc.jpg (131.5 Кб, 7 просмотров)

Последний раз редактировалось Noonf, 09.12.2017 в 14:01.
Ответить с цитированием
  #2 (permalink)  
Старый 11.12.2017, 09:15
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Noonf
Смену контента вкладок реализовал, но не могу реализовать смену изображения вкладки при ее активности (с серой на красную).
Сделай стандартную раскраску (не активную) и отдельный класс в ЦСС типа
.action {}

Для активной закладки. И там сделай раскраску для активной вкладки...
Потом просто убираешь этот класс у одной активной вкладки и добавляешь его для текущей.
Раскраска будет меняться
Ответить с цитированием
  #3 (permalink)  
Старый 11.12.2017, 11:54
Аспирант
Отправить личное сообщение для Noonf Посмотреть профиль Найти все сообщения от Noonf
 
Регистрация: 26.11.2017
Сообщений: 38

Спасибо огромное, получилось! Оказалось проще, чем думал.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое создание iframe в Firefox mrbean11 Firefox/Mozilla 8 02.11.2012 21:23