Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать, что бы изображения пропадали. (https://javascript.ru/forum/dom-window/1648-kak-sdelat-chto-izobrazheniya-propadali.html)

Dronch 28.08.2008 12:27

Как сделать, что бы изображения пропадали.
 
Есть такой код:
<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">

function getElement(id) {
return document.getElementById ? document.getElementById(id) :
document.all ? document.all(id) : null;
}

function showProduct(box) {
el = getElement(box.value);
if (el) el.style.display = (box.checked) ? '' : 'none';
}

</script>
</head>
<body>
<table>
<tr>
<td width="200" height="140">
<form>
<input type="checkbox" name="showProd" value="CellPhone"
onclick="showProduct(this)"> cell phones<br>
<input type="checkbox" name="showProd" value="Desktop"
onclick="showProduct(this)"> desktops<br>
<input type="checkbox" name="showProd" value="Laptop"
onclick="showProduct(this)"> laptops<br>
<input type="checkbox" name="toggleProds" value="Software/Accessories"
onclick="showProduct(this)"> software and accessories<br>
</form>
</td><td>
<img id="CellPhone" align="middle" style="display:none;border:3px silver double;"
src="http://www.clipartgallery.com/business/cellphone.gif">
<img id="Desktop" align="middle" style="display:none;border:3px silver double;"
src="http://www.dell.com/images/us/segments/dhs/prodviews/dimen_2300_series.jpg">
<img id="Laptop" align="middle" style="display:none;border:3px silver double;"
src="http://www.dell.com/images/us/segments/dhs/prodviews/x200_series.jpg">
<img id="Software/Accessories" align="middle" style="display:none;border:3px silver double;"
src="http://www.compusa.com/product_images/images/small/94/286294.gif">
</td></tr></table>
</body>
</html>


Там сделано так, если счелкаешь на чекбокс, то появляется изображение. Как сделать, что бы изображения по умолчанию были видны и при нажатии на чекбокс они пропадали?

ZoNT 28.08.2008 13:01

<img id="CellPhone" align="middle" style="display:none;border:3px silver double;"
делаешь
<img id="CellPhone" align="middle" style="border:3px silver double;"

и
if (el) el.style.display = (box.checked) ? 'none' : '';

Dronch 28.08.2008 16:43

Re:
 
Цитата:

Сообщение от ZoNT (Сообщение 5085)
<img id="CellPhone" align="middle" style="display:none;border:3px silver double;"
делаешь
<img id="CellPhone" align="middle" style="border:3px silver double;"

и
if (el) el.style.display = (box.checked) ? 'none' : '';

Большое СПАСИБО! Все заработало.
У меня возник еще вопрос, я прикрутил этот код к своей таблице, т.е. кликнув чекбокс пропадает одна из ячеек таблицы. А как сделать, что бы пропадали несколько ячеек сразу?

ZoNT 28.08.2008 17:02

попробуй подумать сам...

Dronch 28.08.2008 18:44

Цитата:

Сообщение от ZoNT (Сообщение 5094)
попробуй подумать сам...

А форум тогда для чего?

Kolyaj 28.08.2008 18:48

Цитата:

Сообщение от Dronch
А форум тогда для чего?

А голова, чтоб шапку носить, ага.

Dronch 28.08.2008 18:53

Цитата:

Сообщение от Kolyaj (Сообщение 5102)
А голова, чтоб шапку носить, ага.

Тогда написали бы в шапке форума - Только для тех, кто родился сразу все зная. Чао!

Gvozd 28.08.2008 20:55

:D :D :D :D
мухаха.
еще один школьник проездом)))0


Часовой пояс GMT +3, время: 12:30.