Имеем: таблицу, элементы <td> которой содержат некоторый текст.
Задача: при динамическом вводе пользователя в поле ввода текстовой строки динамически скрывать те элементы <td> таблицы, содержимое которых НЕ соответствует полю ввода.
Тестовая страница с сценарием:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function sort_table()
{
var counter = 1;
if (document.test_form.filter.value != '')
{
while (counter <= 6)
{
var node_td = document.getElementById('td_' + counter);
if (node_td.innerHTML != document.test_form.filter.value)
{
var node_tr = document.getElementById('tr_' + counter);
node_tr.style.visibility = "hidden";
}
counter++;
}
}
}
</script>
</head>
<body>
<table width="100%" border="1">
<tr id="tr_1"><td id="td_1">111</td></tr>
<tr id="tr_2"><td id="td_2">222</td></tr>
<tr id="tr_3"><td id="td_3">333</td></tr>
<tr id="tr_4"><td id="td_4">444</td></tr>
<tr id="tr_5"><td id="td_5">555</td></tr>
<tr id="tr_6"><td id="td_6">123</td></tr>
</table>
<p>
<form name="test_form" method="get" action="#">
<input name="filter" type="Text" onkeypress="sort_table();">
</form>
</p>
</body>
</html>
Не работает :-(