VPF::Проблема с динамическим добавлением события

fclmfan

Дата 20.11.2009, 15:43 (ссылка)

(нет голосов)

Загрузка ...

Werdum face

Профиль
Группа: Awaiting Authorisation
Сообщений: 64
Регистрация: 21.10.2008

Репутация: нет
Всего: нет

всем привет!
такой код

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<script>
function init(){
    var frm=document.fm;
    for (var i=0;i<frm.elements.length;i++){
        var tempbtn=frm.elements[i];
        tempbtn.attachEvent("onclick", function(){alert(i)});
    }
}
</script>
</head>

<body onload="init()">
<form name="fm">
  <input type="button" name="btn1" value="btn1" />
  <input type="button" name="btn2" value="btn2" />
  <input type="button" name="btn3" value="btn3" />
</form>
</body>
</html>

динамически добавляю события к кнопкам, вроде все нормально, но когда кликаю по ним то высвечивается постоянно 3, хотя по логике должно быть: кликаю на btn1 высвечивается 0, на btn2 высвечивается 1 и т.д.

как это реализовать правильно?

bars80080

Дата 20.11.2009, 15:57 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

попробуйте так:

Код


        tempbtn.aa = i;
        tempbtn.attachEvent("onclick", function(){this.aa});

fclmfan

Дата 20.11.2009, 16:39 (ссылка)

(нет голосов)

Загрузка ...

Werdum face

Профиль
Группа: Awaiting Authorisation
Сообщений: 64
Регистрация: 21.10.2008

Репутация: нет
Всего: нет

что-то не получается, и на сколько я слышал attachEvent не понимает this....

diadiavova

Дата 21.11.2009, 00:19 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 8
Всего: 142

Для ИЕ как-то так надо сделать

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<script>
function init(){
    var frm=document.fm;
    for (var i=0;i<frm.elements.length;i++){
    var tempbtn=frm.elements[i];
        tempbtn.remVal = i;
        tempbtn.onclick =  function(){alert(event.srcElement.remVal);}
    }
}
</script>
</head>
<body onload="init()">
<form name="fm">
  <input type="button" name="btn1" value="btn1" />
  <input type="button" name="btn2" value="btn2" />
  <input type="button" name="btn3" value="btn3" />
</form>
</body>
</html>

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

fclmfan

Дата 23.11.2009, 08:30 (ссылка)

(нет голосов)

Загрузка ...

Werdum face

Профиль
Группа: Awaiting Authorisation
Сообщений: 64
Регистрация: 21.10.2008

Репутация: нет
Всего: нет

ага, спасибо получилось.......

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »