Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.05.2014, 12:25
Интересующийся
Отправить личное сообщение для icehummer Посмотреть профиль Найти все сообщения от icehummer
 
Регистрация: 08.05.2014
Сообщений: 10

Помогите делегировать событие
<span id="count_detail"><input name="count" id="count" type="hidden" value="1"></span>
<table width="100%" border="1">
<tbody id="detail_list">
<tr>
<th scope='col' style="width:20px;">№</th>
<th scope='col'>Наименование деталей</th>
<th scope='col' style="width:40px">Кол.</th>
<th scope='col' style="width:100px">Признак</th>
<th scope='col' style="width:50px">Цена</th>
<th scope='col' style="width:100px">Н/ч ремонта</th>
<th scope='col' style="width:100px">Н/ч окраски</th>
<th scope='col' style="width:31px">...</th>
</tr>
<tr>
<th scope='col'><input name='detail_num_1' type='text' style='border:none; outline:none; width:100%; text-align:center' value='1' readonly='readonly'></th>
<th scope='col'><input name='detail_name_1' type='text' style='border:none; outline:none; width:100%;'></th>
<th scope='col'><input name='detail_con_1' type='text' style='border:none; outline:none; width:100%; text-align:right'></th>
<th scope='col'><input name='detail_based_1' type='text' style='border:none; outline:none; width:100%;'></th>
<th scope='col'><input name='detail_prices_1' type='text' style='border:none; outline:none; width:100%; text-align:right;'></th>
<th scope='col'><input name='detail_repair_1' type='text' style='border:none; outline:none; width:100%;'></th>
<th scope='col'><input name='detail_paint_1' type='text' style='border:none; outline:none; width:100%;'></th>
<th scope='col'><input type="button" value="..."/></th>
</tr>
</tbody>
</table>
Я на JavaScript добавляю новые строки в таблицу, а вот событие не могу на повесить на кнопку.
Нужно что бы по нажатию на буттон совершалось WinOpen('500', '275', ''), но нужно сделать через делегирование, что то на вроде этогоЖ
<script>
document.getElementById('detail_win').onclick = function(e) {
var target = e && e.target || event.srcElement;

if (target.nodeName != 'A') return;

var href = target.getAttribute('href');
alert(href);

return false // prevent url change
};
</script>
ну это я взял с этого же сайта из учебных материалов, а вот под ской код переделать не могу...
Ответить с цитированием
  #2 (permalink)  
Старый 11.05.2014, 19:18
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

document.getElementById('detail_list').onclick = function(e) {
    var target = e && e.target || window.event.srcElement;
    if(target.tagName == 'INPUT' && target.type == 'button') {
        WinOpen('500', '275', '');
    }
}
Ответить с цитированием
  #3 (permalink)  
Старый 12.05.2014, 02:40
Интересующийся
Отправить личное сообщение для icehummer Посмотреть профиль Найти все сообщения от icehummer
 
Регистрация: 08.05.2014
Сообщений: 10

Отлично работает!! Большое спасибо! +
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Событие click Гробовщик jQuery 1 31.07.2013 07:28
Событие onmouseover. Помогите разобраться, пожалуйста. mary Events/DOM/Window 4 09.06.2013 23:52
Помогите обработать событие realgleb Events/DOM/Window 3 27.01.2012 14:09
Помогите не работает событие motoroller jQuery 2 01.04.2011 23:38
Помогите сменить событие .hover на .click serdeles jQuery 2 22.11.2010 17:07