Как реализовать onclick на ячейках таблицы
Как реализовать onclick на ячейках таблицы? Чтобы бралась та ячейка на которую кликнули. И почему alert срабатывает сразу: this.onclick=alert(2);
|
Что-то вроде того:
<td onClick="window.alert('Бла-Бла-Бла...');">Бла-Бла-Бла...</td> <script language="JavaScript" event="onmouseup" for="id_ячейки"> alert('Бла-Бла-Бла...'); </SCRIPT> <td> <a href="javascript:alert('Бла-Бла-Бла...')">Бла-Бла-Бла...</a> </td> |
ну или с участием jquery:
<td>Бла-Бла-Бла</td> <script> $("td").click(function(){ alert($(this).text()); // Бла-Бла-Бла }); либо alert($(this).html()); //если в ячейке не просто текст покажет содержимое любой ячейки </script> |
Да, только в последнем случае с использованием jquery есть неоспоримый +, если у вас td>10 вешать на каждую ячейку событие может оказаться накладным.
jquery, в данном случае конечно удобнее, он дает событие по тегу. (c) Кэп А у меня вот другая проблема, как сделать то же самое, что предложил Le-mark43, но без использования jquery/ |
Цитата:
Приведите пример и описание по сути проблемы, а там уже можно будет смотреть, что с этим делать. |
Цитата:
Вот у нас таблица с 10 ячейками - как узнать на какую ячейку из этой таблицы произведен клик. В jquery на данный вопрос ответили выше, но вот как сделать нативным js кодом, никто не сказал. P.S. Цитата:
|
Цитата:
<table border=1> <tr> <th>1</th> <th>2</th> </tr> </table> <script> function f() { alert(this.innerHTML) } var a = document.getElementsByTagName('th'); for (i=0; i<a.length; i++) { a[i].onclick = f } </script> |
Цитата:
слушатель на всю таблицу вешать, а не на каждую ячейку.и в колбеке определять соответствие... |
Цитата:
|
bes,
тебе сюда- http://learn.javascript.ru/introduction-browser-events чтоб не было подобных фраз Цитата:
|
Часовой пояс GMT +3, время: 23:22. |