Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > отобразить все невидимые элементы

Автор: studentigor 27.5.2009, 23:46

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

<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

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

Код


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

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