Событие выполняется при наведение на любой из элементов с идентичным классом
Здравствуйте! Документ имеет следующее строение
<div id="contener1" > <img scr="1.jpg" class="pics"> <img scr="2.jpg" class="pics"> <img scr="3.jpg" class="pics"> </div> <div id="contener2" > <img scr="4.jpg" class="pics"> <img scr="5.jpg" class="pics"> <img scr="6.jpg" class="pics"> </div> <div id="contener3" > <img scr="7.jpg" class="pics"> <img scr="8.jpg" class="pics"> <img scr="9.jpg" class="pics"> </div> Подскажите пожалуйста, как мне сделать так, чтобы при наведение на любой из img'ов с class="pics" выполнялось событие, без того чтоб прописывать ОнМаузОвер в каждой строчке. Что то типа document.pics.onMouseOver А, и важное дополнение, чтобы функция которая выполняет событие, получала ввиде параметра src пикчи |
А я знаю, но не скажу!:p Тут вам не фонд "Доброе сердце: напиши готовый скрипт за так" Есть раздел работы, но и там "таки" не принимают:)
|
)) Я смотрю тут правила изменились))
|
Вот как это делается:
window.onload=(function(){
var pics=(d=document).getElementsByClassName('pics');
for(i=0;i<=(pics.length-1);i++){
pics[i].onmouseover=(function(){
alert(this.getAttribute('src'));
});
}
});
|
Спасибо большое!
|
Реально, просто огромное спасибо!!
|
Вот вопросик, по этой же теме, а как можно выделить из pics[i] ID элемента, можно же использовать this.id, вот только как например все эти id поместить в массив?
|
Цитата:
Vulkan, вы опять со своими id. Что они к вам прицепились-то? |
Цитата:
|
Vulkan,
а зачем вам id? pics уже содержат необходимые элементы. |
Skipp, мне нужно собрать id`ы и потом методом
elem.parentNode.removeChild(elem)удалить все наёденные элементы с такими классами. Или можно вместо id классы поставить? |
Цитата:
Цитата:
Вы, собственно, от Polkan не отличаетесь :) Зачем вам получать id, чтобы получить по ним элементы, если у вас и так есть элементы? |
Vulkan,
ыыыыы, Вы не много не понимаете как работает всё это Метод getElementById - возвращает элемент(объект), найденный по id, Так же и getElementsByClassName - возвращает элементы(объекты), найденные class (Этот метод кстати не кросбраузерный). Тоесть в данном случаи pics уже содержит эти объекты и можно сделать pics[i].parentNode.removeChild(pics[i]). А id - это просто его идентификатор(атрибут) и всё. Поняли? Если нет спрашивайте. |
Skipp, а ну всё понятно, спасибо =)
|
а как же IE, он не воспринимает
getElementsByClassName('pics');
|
<script type="text/javascript" src="jquery.js"></script> |
$(function(){
$('.some_class').click(function(){
alert('меня ie понимает');
});
});
|
для этого проще один sizzle подключить, чем весь jQ
|
|
chippolino, да я про jQuery вообще не упоминал, я говорил только про getElementsByClassName.
Skipp, спасибо, за пример |
| Часовой пояс GMT +3, время: 20:23. |