Вообщем, у меня такая проблема: на странице есть элемент <div> (id которого известен). В этот див, с помощью свойства innerHTML, вставляются картинки (которые позиционируются на странице с помощью css). Для каждой из этих картинок нужно сделать обработчик на событие
onmousemove... Задача, вроде, банальная, но у меня, почему-то, после добавления, обработчик срабатывает только на последней добавленной картинке... Помогите, пожалуйста! Вот код:
<html>
<head>
<title>:::Test:::</title>
</head>
<body>
<div id='t'>
</div>
<script type='text/javascript'>
function add_e( id ){
document.getElementById( id ).onmousemove = function( e ){
e = e || event;
var obj = e.target || e.srcElement;// obj - объект под курсором
alert("обработка события...");
}
}
function add_i( id, x, y ){
document.getElementById( 't' ).innerHTML += "<img id='"+id+"' src='[путь к картинке]' style=\"position: absolute; left: "+x+"; top: "+y+"\">";
add_e( id );
}
add_i( 'i1', 500, 600 );
add_i( 'i2', 400, 405 );
</script>
</body>
</html>