PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

JS: задать onclick сразу нескольким элементам

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

AlexAnder	Отправлено: 18 Июня, 2013 - 19:56:37
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	Например, имеется такая таблица: Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <table cellspacing="0" cellpadding="0"> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> </table> Собственно вопрос - как каждому тегу td задать обработчик onclick к примеру alert(n), где n - порядковый номер ячейки начиная с нуля P.S. ручками прописывать <td onclick="alert(n)"> думаю не правильно Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена var td = document.getElementsByTagName('td'); for(i = 0; i < td.length; i++) { td[i].onclick = function() { alert(i); } } задаёт для каждой ячейки alert(9) допилил свой вариант: CODE (javascript): скопировать код в буфер обмена var td = document.getElementsByTagName('td'); for(i = 0; i < td.length; i++) { td[i].onclick = function(x) { return function () { alert(x); } }(i) } (Отредактировано автором: 18 Июня, 2013 - 22:00:14) ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

DelphinPRO	Отправлено: 18 Июня, 2013 - 20:02:22
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	навесить событие CODE (javascript): скопировать код в буфер обмена $('.table_class').on('click', 'td', funtion(){ // здесь осталось определить индекс нажатой ячейки :) }); Так наверное будет работать, но выглядит как-то топорно CODE (javascript): скопировать код в буфер обмена $('.table_class').on('click', 'td', funtion(){ var index = $(this).siblings().index($(this)); alert(index); }); (Отредактировано автором: 18 Июня, 2013 - 20:05:16) ----- Чем больше узнаю, тем больше я не знаю.

AlexAnder	Отправлено: 18 Июня, 2013 - 20:03:38
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	DelphinPRO пишет: навесить событие CODE (javascript): скопировать код в буфер обмена $('.table_class').on('click', 'td', funtion(){ // здесь осталось определить индекс нажатой ячейки :) }); Хм... а если без jQuery? ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

DelphinPRO	Отправлено: 18 Июня, 2013 - 20:06:54
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	AlexAnder пишет: Хм... а если без jQuery? Зачем усложнять себе жизнь? ----- Чем больше узнаю, тем больше я не знаю.

AlexAnder	Отправлено: 18 Июня, 2013 - 20:11:36
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	DelphinPRO пишет: CODE (javascript): скопировать код в буфер обмена $('.table_class').on('click', 'td', function(){ var index = $(this).siblings().index($(this)); alert(index); }); onclick для всех td = alert(-1) (Добавление) CODE (javascript): скопировать код в буфер обмена var td = document.getElementsByTagName('td'); for(i = 0; i < td.length; i++) { td[i].onclick = function(x) { return function () { alert(x); } }(i) } (Добавление) Замыкания JavaScript (Отредактировано автором: 18 Июня, 2013 - 22:06:47) ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

esterio	Отправлено: 19 Июня, 2013 - 00:15:43
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	а если еще почитать о addEventListiner и AddEvent. Потом про quarySelectAll ...

LIME	Отправлено: 19 Июня, 2013 - 00:22:01
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	AlexAnder это не замыкание к томуже событию не приравнивается обработчик а результат вызова тоесть у тебя будет шквал алертов при загрузке страницы и все 3 с минусом

esterio	Отправлено: 19 Июня, 2013 - 00:25:00
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	LIME А Вы как раз неправы. Ето и есть замикания. Попробуйте исполнить код в фаербаге на форуме например. Только не учтено сплитие собитий

LIME	Отправлено: 19 Июня, 2013 - 00:26:30
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	вру с телефона в скобках запутался

AlexAnder	Отправлено: 19 Июня, 2013 - 07:34:48
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	esterio пишет: а если еще почитать о addEventListiner и AddEvent. Потом про quarySelectAll ... спасибо, почитаю (Добавление) Цитата: AlexAnder это не замыкание к томуже событию не приравнивается обработчик а результат вызова тоесть у тебя будет шквал алертов при загрузке страницы и все 3 с минусом на другом форуме дали замудренный код: CODE (javascript): скопировать код в буфер обмена window.onload = function() { var table = document.getElementById('table1'), tr = table.rows; for (var i=0; i<tr.length; i++) { for (var j=0; j<tr[0].cells.length; j++) { tr[i].cells[j].onclick = function(x,y){ return function(){ alert(3x+y+1); } }(i,j) } } } я просто посмотрел как сделали, и к своему первоначальному скрипту применил это: CODE (javascript): скопировать код в буфер обмена td[i].onclick = function(x) { return function () { alert(x); } }(i) // <--- вот это добавил =) ----- Оказывается, недостаточно читать справочники, чтобы правильно писать* коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.