Javascript.RU

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

Релизация #nav li:hover .preview на JavaScript
Возникла проблема реализовать, нижеприведенную CSS инструкцию на JS.

#nav li:hover .preview {
	display: block;
}


если бы второй элемент был идентификатор, а не класс, то можно было бы подобраться как-то так:
document.getElementById('pr').style.display='block';
и повесить обработчки события onmouseover(); но вот засада стоит класс.

Может кто-то сталкивался с такой проблемой или знает как эту CSS связку реализовать на JS.
Ответить с цитированием
  #2 (permalink)  
Старый 25.10.2009, 13:36
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Сообщение от yolka
если бы второй элемент был идентификатор, а не класс
http://ejohn.org/blog/getelementsbyc...ed-comparison/
Ответить с цитированием
  #3 (permalink)  
Старый 25.10.2009, 13:47
Аватар для yolka
Интересующийся
Отправить личное сообщение для yolka Посмотреть профиль Найти все сообщения от yolka
 
Регистрация: 14.09.2009
Сообщений: 13

Riim я уже видела эти примеры, и на этом сайте пример Dustin Diaz's getElementsByClass есть, но как мне к.л. из этих функций с этой #nav li:hover .preview последовательностью связать?
У меня для этого не хватает покак знаний)) покажите если не сложно
Ответить с цитированием
  #4 (permalink)  
Старый 25.10.2009, 13:51
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Результат getElementsByClassName перебрать в цикле, навешивая обработчики mouseover и mouseout.
Ответить с цитированием
  #5 (permalink)  
Старый 25.10.2009, 14:13
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Нужно получить все элементы .preview внутри элемента списка, когда на него наводят указатель мыши? Тогда как-то так:
document.getElementById("nav").onmouseover = function(event) {
    event = event || window.event;
    var target = event.target || event.srcElement;
    if(target.nodeName == "LI") {
        var elements = target.getElementsByClassName("preview");
    }
};

Порядок срабатывания событий
Ответить с цитированием
  #6 (permalink)  
Старый 25.10.2009, 14:39
Аватар для yolka
Интересующийся
Отправить личное сообщение для yolka Посмотреть профиль Найти все сообщения от yolka
 
Регистрация: 14.09.2009
Сообщений: 13

Octane гениальное решение, в жизни бы не додумалась. Огромное спасибо
Ответить с цитированием
Ответ



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

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