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

Тема в разделе "Java", создана пользователем Dronch, 28 авг 2008.

Статус темы:
Закрыта.
  1. Dronch

    Dronch Гость

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

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


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

    Creo Гость

    Попробуй так
    Код (Text):
    if (el) el.style.display = (box.checked) ? 'none' : '';
    8)
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей