Архив форумов ЦИТФорума

msfaq · Зарегистрирован: 11.03.2004 Сообщения: 19

На форме есть table. Происходит click по table и вызывается функцмя Java Script. Вопрос - каким образом можно узнать по какой ячейке (даже столбцу 1...n ) был произведен click.

Заранее спасибо.

Almaz · Зарегистрирован: 13.08.2004 Сообщения: 45

Кроме как запихать onClick в каждый <td> в голову пока ничего не приходит. Если генерируешь страницу скриптом, то в принципе проблемы дописать не возникнет.
Получится что-то типа так:

msfaq · Зарегистрирован: 11.03.2004 Сообщения: 19

хчочется в скриптовой функции которая вызывается на клик по table узнать объект котоорый инициировал событие (tr...td....). Есть ли какой нибудь метод?

Гость

It is easy. Try this.
<script>
function showCellContent(cell) {
alert(cell.innerHTML);
}
</script>
<table>
<tr>
<td onClick="showCellContent(this)">One</td>
<td onClick="showCellContent(this)">Two</td>
</tr>
</table>

Almaz · Зарегистрирован: 13.08.2004 Сообщения: 45

Это конечно все хорошо. Но получается все равно OnClick() в каждый <td> писать, ведь так?

dAnIK SeNT

Гость

In IE only you can do something like this:

<html>
<header>
<script language="JavaScript">
function globalOnClick() {
alert(event.srcElement.innerHTML);
}
</script>
</header>
<body>
<div onClick="globalOnClick()">
<table>
<tr>
<td>One</td>
<td>Two</td>
</tr>
</table>
</div>
</body>
</html>

Гость

Here is solution that seems to work in IE 6.X and Mozilla 1.7.X:

<html>
<header>
<script language="JavaScript">
function globalOnClick(evt) {
if (self.event) {
// it is IE
alert(event.srcElement.innerHTML);
} else {
// it is NS
alert(evt.target.innerHTML);
}
}
</script>
</header>
<body onLoad="document.getElementById('tbl').onclick = globalOnClick;">
<table id="tbl">
<tr>
<td>One</td>
<td>Two</td>
</tr>
</table>
</body>
</html>

	Список форумов Архив форумов ЦИТФорума -> Программирование	Часовой пояс: GMT + 3
Страница 1 из 1