Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.07.2014, 23:02
Новичок на форуме
Отправить личное сообщение для xformer Посмотреть профиль Найти все сообщения от xformer
 
Регистрация: 30.11.2011
Сообщений: 6

Изменение текста при наведении
Здравствуйте, уважаемые форумчане.
С jQuery имею дело недавно, поэтому прошу помощи. Есть такой код:

<span class="cvet_tovara">Орех</span>
<br>
<div class="img_tovara_1"><img src="/img/20a.jpg" width="38" height="38" alt="Орех" title="Орех"></div>
<div class="img_tovara_2"><img src="/img/19s.jpg" width="38" height="38" alt="Ольха" title="Ольха"></div>
<div class="img_tovara_3"><img src="/img/18d.jpg" width="38" height="38" alt="Кедр" title="Кедр"></div>

Таких блоков может быть 2, 3, 4, 5... Как видим, class="img_tovara_ тут цифра меняется".
Никак не могу сделать так, чтобы при наведении на определенный div в span изменялся текст с Орех на нужный, т.е. при наведении на второй блок изменялось на Ольха, при наведении на третий блок изменялось на Кедр и т.д.

Сделать получается, только если определенное количество блоков с определенными атрибутами. Но условия таковы, что блоков может быть любое количество с любыми атрибутами.
Ответить с цитированием
  #2 (permalink)  
Старый 08.07.2014, 09:35
Профессор
Отправить личное сообщение для WorM32 Посмотреть профиль Найти все сообщения от WorM32
 
Регистрация: 11.02.2014
Сообщений: 303

1. Класс у элементов должен быть один, например, img_tovar
2. Название товара лучше положить в дата-атрибут, например, data-tovar.
3. Далее вешаешь событие mouseenter на элементы с классом img_tovar и в обработчике берешь у текущего элемента из дата-атрибута значение твоего товара и вставляешь в span.
4. PROFIT
Ответить с цитированием
  #3 (permalink)  
Старый 11.07.2014, 10:09
Профессор
Отправить личное сообщение для Veterinar Посмотреть профиль Найти все сообщения от Veterinar
 
Регистрация: 27.12.2013
Сообщений: 167

xformer, если текст с картинками формируется, например, PHP, то самое простое в каждый добавить:
onMouseOver="$('.cvet_tovara').text(this.attr('alt '))"
Только если элементов с классом cvet_tovara не один, то поменяется у всех. Чтобы от этого избавиться, лучше в нужный элемент добавить ID и обращаться по ID: $('#id1')

Последний раз редактировалось Veterinar, 11.07.2014 в 10:13.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение цвета заливки у SVG картинки при наведении мыши? akkond Общие вопросы Javascript 2 15.04.2014 13:04
Замена текста при наведении Sirius-jack Общие вопросы Javascript 3 04.05.2013 05:16
Картинка не изменяется при наведении. astashovaj Общие вопросы Javascript 11 12.01.2011 10:44
menu с выпадающими подменю при наведении и раздвижное при клике bugor Элементы интерфейса 3 04.10.2010 14:32
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22