VPF::Как сделать, что бы изображения пропадали?

Dronch

Дата 28.8.2008, 12:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 28.8.2008
Где: г. Москва

Репутация: нет
Всего: нет

Есть такой код:

<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>

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

Kangaroo

Дата 28.8.2008, 14:44 (ссылка)

(нет голосов)

Загрузка ...

AA - Aussie Animal

Профиль
Группа: Участник Клуба
Сообщений: 2042
Регистрация: 7.10.2006
Где: US

Репутация: нет
Всего: 104

Вот эту строчку:

Код


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

поменяй на

Код


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

И убери везде display:none;

Dronch, и это JavaScript, а раздел - Java.

--------------------

Lost....

Dronch

Дата 28.8.2008, 14:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 28.8.2008
Где: г. Москва

Репутация: нет
Всего: нет

Цитата(Kangaroo @ 28.8.2008, 14:44)

Вот эту строчку:

Код


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

поменяй на

Код


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

И убери везде display:none;

Dronch, и это JavaScript, а раздел - Java.

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

Metal_Heart

Дата 28.8.2008, 16:59 (ссылка)

(нет голосов)

Загрузка ...

а почему бы и нет?

Профиль
Группа: Участник
Сообщений: 728
Регистрация: 31.3.2005
Где: Москва

Репутация: нет
Всего: 12

Цитата(Kangaroo @ 28.8.2008, 14:44

)

Dronch, и это JavaScript, а раздел - Java.

--------------------

не стыдно учиться, а стыдно не учиться

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Java: Апплеты \| Следующая тема »