Помогите разобраться с навешиванием слушателей.

Great Rash · October 19, 2009

Всем здрасте!

Обхожу таблицу скриптом и на каждую ячейку нужно навесить слушатель, а точнее 3 слушателя, но это не важно.

Пишу:

function addListener(ev, elem, foo) {
	if (document.addEventListener) {
		elem.addEventListener(ev, foo, false);
	} else if (document.attachEvent) {
		elem.attachEvent('on' + ev, foo);
	} else {
		elem['on' + ev] = foo;
	}
}

function testAlert(elem) {
	alert(elem.nodeName); // IE говорит undefined
}

function test(t) {
	var table = typrof t == 'string' ? document.getElementById(t) : t;
	var trs = t.rows;

	for (var i = 0; i < trs.length; i++) {
		var tds = trs[i].cells;

		for (var j = 0; j < tds.length; j++) {
			addListener('mouseover', tds[j], function() {
				testAlert(tds[j]); // так не пашет. почему???
				//testAlert(this); // так работает в Мозилле
			});
		}
	}
}

Как в цикле листенер повесить не пойму?

P.S. Нужно сделать именно через листенер т.к. я не знаю существуют ли уже на данной ячейке события onclick, mouseover, mouseout и т.п. И мне необходимо их не перезаписать, а добавить к уже существующему событию еще одно. Может быть это еще как-нить можно сделать?

Great Rash · October 19, 2009

Разобрался :lol:

Octane · October 19, 2009

Зачем столько listener'ов? Повесьте один на table и пользуйтесь всплыванием событий, получая нужный элемент из свойства target/srcElement объекта событие.

Great Rash · October 19, 2009

Мне необходимо чтобы над определенными ячейками всплывала подсказка, в которой содержится инфа из этой ячейки. От такой вот изврат. Знаете как это реализовать по другому?

Octane · October 19, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
window.onload = function() {
	document.getElementById("test").onmouseover = function(event) {
		event = event || window.event;
		var target = event.target || event.srcElement;
		if(target.tagName == "TD") {
			document.getElementById("tooltip").innerHTML = target.innerHTML;
		}
	};
};
</script>
</head>
<body>
	<div id="tooltip">~</div>
	<table id="test">
		<tr>
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
		</tr>
		<tr>
			<td>5</td>
			<td>6</td>
			<td>7</td>
			<td>8</td>
		</tr>
		<tr>
			<td>9</td>
			<td>10</td>
			<td>11</td>
			<td>12</td>
		</tr>
		<tr>
			<td>13</td>
			<td>14</td>
			<td>15</td>
			<td>16</td>
		</tr>
	</table>
</body>
</html>

Ну а позиционирование tooltip уж сами сделаете.

Edited October 19, 2009 by Octane

Great Rash · October 20, 2009

Мне надо навешивать события не на все ячейки разом, а лишь на некоторые. Причем события должны сниматься и убираться в зависимости от содержимого ячейки и ширины окна. Т.е. если текст умещается в ячейку, то подсказки быть не должно, а если не умещается, то должна быть подсказка.

Потом внутри ячейки могут быть еще элементы, а именно дивы или элементы формы.

Хотя ваша мысль довольно интересна, надо будет попробовать применить.

Edited October 20, 2009 by Great Rash

Sign In

Помогите разобраться с навешиванием слушателей.

Question

Great Rash

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Octane

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Octane

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information