Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 03.12.2013
Сообщений: 16
1

Одинаковые события для разных объектов

19.06.2014, 15:47. Показов 799. Ответов 3
Метки нет (Все метки)

Добрый день.
у меня в каталоге товаров надо при наведении мышки, что бы менялась информация.
Написал скрипт:
HTML5
1
2
3
4
5
6
7
8
9
<div id="tt" >
    <div class="t1">превью</div>
    <div class="t2" style="display:none;"><img src="88.jpg" /></div>
</div>
 
<div id="tt" >
    <div class="t1">превью</div>
    <div class="t2" style="display:none;"><img src="88.jpg" /></div>
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
    (function (G) {
        var t1 = G.document.getElementsByClassName("t1"),
             t2 = G.document.getElementsByClassName("t2");
 
        t1.onmouseover = function () {
            t1.style.display = "none";
            t2.style.display = "block";
        };
        t2.onmouseout = function () {
            t1.style.display = "block";
            t2.style.display = "none";
        };
    }(this));
но возникла проблема отрабатывается этот скрипт только на одной карточке(на первой), а остальные не видит... Кто нибудь сталкивался с такой проблемой подскажите как ее решить?
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
19.06.2014, 15:47
Ответы с готовыми решениями:

Одинаковые параметры у разных объектов
Добрый день. Такая проблема - есть класс Individual, у каждого объекта этого класса два параметра -...

Получение состояния переменной из разных скриптов для разных объектов и её изменение
Есть два объекта: player и sensor, и два скрипта для каждого объекта: move (Для player) и...

Одинаковые свойства для множества объектов
Великие ГУРУ подскажите пожалуйста новичку ответы на 2 вопроса: 1) На форме создаются...

События для объектов в цикле
Здравствуйте! Подскажите пожалуйста, как нужно правильно написать, что бы к каждому объекту...

3
Superposition
949 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,084
19.06.2014, 15:58 2
Цитата Сообщение от alexbir Посмотреть сообщение
подскажите как ее решить
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
(function (G) {
    var t1 = G.document.getElementsByClassName("t1"),
    t2 = G.document.getElementsByClassName("t2");
 
    for (var i = 0; i < t1.length; i++) {
 
        t1[i].onmouseover = function () {
            t1[i].style.display = "none";
            t2[i].style.display = "block";
        };
 
        t2[i].onmouseover = function () {
            t1[i].style.display = "block";
            t2[i].style.display = "none";
        };
    }
}(this));
0
0 / 0 / 0
Регистрация: 03.12.2013
Сообщений: 16
19.06.2014, 16:18  [ТС] 3
даже так не отрабатывается
0
666 / 637 / 335
Регистрация: 26.04.2014
Сообщений: 2,114
21.06.2014, 12:58 4
HTML5
1
2
3
4
5
6
7
8
9
<div class="tt">
  <div class="t1">превью</div>
  <div class="t2" style="display:none;"><img src="88.jpg" /></div>
</div>
 
<div class="tt">
  <div class="t1">превью</div>
  <div class="t2" style="display:none;"><img src="88.jpg" /></div>
</div>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.06.2014, 12:58

Одинаковые ярлыки (slug) для разных подкатегорий WooCommerce?
Здравствуйте, подскажите пожалуйста как реализовать такую структуру для дочерних категорий...

Одинаковые первая строка для разных таблиц в html
Можно ли использовать одну и ту же первую строку с подставлением разных таблиц? Например, в первой...

Обработчик события для всех объектов
Доброго времени суток, форумчане! Подскажите как написать обработчик события, который...

Одинаковые окончания URL для разных статей в мультимагазине Opencart 2.3
Здравствуйте, форумчане! Делаю мультимагазин на региональных поддоменах, т.е. msk.site.ru,...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru