VPF::отобразить все невидимые элементы

studentigor

Дата 27.5.2009, 23:46 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

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

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

<script type="text/javascript">
function showDiv(div)
{
       if (document.getElementById(div).style.display=="none")
           document.getElementById(div).style.display="block";
      else
          document.getElementById(div).style.display="none";
}
</script>
<body>

<input type='checkbox' name='checkbox' id='checkbox' /><br>

<a href="javascript:showDiv('div19')"> + </a><br>
<div id="div19" style="display: none;"> лллллааааа </div>

<a href="javascript:showDiv('div17')"> ++ </a><br>
<div id="div17" style="display: none;"> хахаха </div>

<a href="javascript:showDiv('div18')"> +++ </a><br>
<div id="div18" style="display: none;"> агага </div>

дивы - невидимые элементы

Как сделать так чтобы поставив галочку в checkbox - все дивы стали видимые
Я думаю что в скрипте нужен цикл, а id во всех дивах должны быть одинаковы.
Помогите. я впервые с java script столкнулся.
спасибо

Veve

Дата 28.5.2009, 00:04 (ссылка)

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

Загрузка ...

Опытный

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

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

На будущее.... пользуйтесь, пожалуйста кнопкой Код для форматирования.

Код


function showDiv(div)
{
       if (document.getElementById(div).style.display=="none")
           document.getElementById(div).style.display="block";
      else
          document.getElementById(div).style.display="none";
}
function ShowDivs(elem)
{
    var elements=document.getElementsByTagName("div");
    if (elem.checked)
        var t="block";
    else 
        var t="none";
    for (var i=0;  i<elements.length; i++)
     {
        elements[i].style.display=t;
    }
}

Код


<input type='checkbox' name='checkbox' id='checkbox' onClick="ShowDivs(this)" /><br>

<a href="javascript:showDiv('div19')"> + </a><br>
<div id="div19" style="display: none;"> лллллааааа </div> 

<a href="javascript:showDiv('div17')"> ++ </a><br>
<div id="div17" style="display: none;"> хахаха </div>

<a href="javascript:showDiv('div18')"> +++ </a><br>
<div id="div18" style="display: none;"> агага </div>

studentigor

Дата 28.5.2009, 08:01 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

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

Спасибо большое

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