Показать сообщение отдельно
  #1 (permalink)  
Старый 17.07.2009, 10:58
MazenRat
 
Сообщений: n/a

Проблема с обработкой события
Вообщем, у меня такая проблема: на странице есть элемент <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>
Ответить с цитированием