Форум

bes · #11 (**permalink**) 12.05.2012, 23:02

Сообщение от 9xakep

Отлавливайте событие, как здесь

Там кстати отлавливают по event.target || event.srcElement, а не назначают обработчики всем элементам.

person · #12 (**permalink**) 13.05.2012, 05:06

а так?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>ttt</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<script type="text/javascript">

onload=function(){
var allPic, k;
allPic=document.getElementById("cont").getElementsByTagName("img");
k=allPic.length;
while(k--){allPic[k].onclick=myClick;};
 };



function myClick(){

document.getElementById("elem").innerHTML='<img src="'+this.src+'" alt="">';
 };


</script>
</head>

<body>

<div id="elem"></div>
<br>


<div id="cont">
<img src="1.gif" alt="">
<img src="pict1.jpg" alt="">
<img src="pict2.jpg" alt="">
</div>


</body>
</html>

9xakep · #13 (**permalink**) 13.05.2012, 08:15

Раед,
ок, что тогда, писать без скобок, и без кавычек, или addEventListener?
person,
вы неправильно работаете с this, в вашей ф-ии, this - это не картинка

Раед · #14 (**permalink**) 13.05.2012, 14:15

Сообщение от 9xakep

ок, что тогда, писать без скобок, и без кавычек, или addEventListener?

addEventListener нужен только тогда, когда необходимо повесить несколько обработчиков, а так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>

</head><body>
<div id='main'></div>
<div id='pic'>
<img src='http://javascript.ru/forum/image.php?u=12890&dateline=1303149256'>
<img src='http://javascript.ru/forum/image.php?u=19820&dateline=1334914235'>
</div>
<script>
var pic = document.getElementById('pic').getElementsByTagName('img');
for(i=0;i<pic.length;i++) {
*!*
pic[i].onclick=function() {
 change(this.src);
}
*/!*
}
function change(s) {
document.getElementById('main').innerHTML = '<img src='+s+'>';
}
</script>
</body></html>

person · #15 (**permalink**) 13.05.2012, 20:53

Сообщение от 9xakep

person,
вы неправильно работаете с this, в вашей ф-ии, this - это не картинка

Это как не картинка? если обработчик вешается на картинку и скрипт исправно работает в пяти браузерах? даже в ИЕ6.

Что подразумевалось под "неправильно"?

Кстати у Раед тот же код. И написаны оба кода не зависимо.

9xakep · #16 (**permalink**) 13.05.2012, 21:11

person,
у вас коды, не одинаковы это раз. И да, я тупанул, немного другое увидел

person · #17 (**permalink**) 14.05.2012, 06:08

Сообщение от 9xakep

person,
у вас коды, не одинаковы это раз. И да, я тупанул, немного другое увидел

Да, нет одинаковы, идея в основе одна, небольшая разница в реализации.
Мне просто лень построчный расклад делать.

Форум

Справочник

Discord чат

Курсы javascript