Привет. Нужна помощь.
Имеем таблицу в которой в одном столбце есть картинки. Нужно по событию, в данном случае чекбокс в ячейке "миниатюра", либо показать, либо скрыть картинки.
Насколько я понял, нужно использовать getElementsByName. Потому как для getElementsById нужны уникальные id, а где я их возьму.
В примере использую тэг а, но думаю суть от использования img не меняется.
Нашел вот такую функцию. Алерты отрабатывают, правда что показывают последующие алерты не пойму.
HTML код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<script>
function oo()
{
var myCollection = document.getElementsByName("srcimage");
alert(myCollection.length);
for(i=0;i<myCollection.length;i++)
{
var myElement = myCollection.item(i);
myElement.parentNode.style.dislpay = (myElement.parentNode.style.dislpay == "none" ? "block" : "none");
alert(myElement.parentNode.style.dislpay);
}
}
</script>
<style type="text/css">
tr {
background-color: #CCFFFF;
text-align: center;
}
.thr {
background-color: #CCCCCC;
}
</style>
<table width="100%%" border="0" align="center" bgcolor="#CCCCCC">
<tr class="thr">
<th scope="col"><input name="Name" type="checkbox" value="ON"></th>
<th scope="col">Изображение</th>
<th scope="col">Миниатюра<input type="checkbox" value="ON" onChange="oo()"></th>
<th scope="col">Дата добавления <br /> на сервер</th>
<th scope="col">Дата последнего<br /> просмотра</th>
<th scope="col">Размер файла</th>
</tr>
<tr>
<td><input name="checkbox[]" type="checkbox" value=""></td>
<td><a href=""></a></td>
<td><a href="" name="srcimage" style="display:none" >iiiii</a></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><input name="checkbox[]" type="checkbox" value=""></td>
<td><a href=""></a></td>
<td><a href="" name="srcimage" style="display:none" >iiiiii</a></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><input name="checkbox[]" type="checkbox" value=""></td>
<td><a href=""></a></td>
<td><a href="" name="srcimage" style="display:block" >iiiii</a></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Вот что я имелл ввиду.
