Подскажите, как можно спрятать слои с одним идентификатором через display? У меня есть следующий код:
<div id=layer>...</div>
<div id=layer>...</div>
<div id=layer>...</div>

Мне надо сделать, чтобы обработчик связанный с кнопкой, показывал или прятал ВСЕ слои с именем layer одновременно. У меня же пока получается, что только один самый верхний слой реагирует на скрипт.
Мне важна идея, как это сделать, программу сам постараюсь написать.

Дай им разные ID!!! При таком раскладе у тебя и будет прятаться только первый найденный слой!

ID просто заменяй на классы, и присваивай стиль невидимости классу, а не идентификатору. Или прописывай невидимость в параметре style каждого тега.

А если тебе нужно дотянуться из JavaScript до этих тегов, это сложнее. Используй методы DOM и параметр className , сверяя его с именем твоего класса.

есть слои
<div id=layer1 style="DISPLAY: inline">...</div>
<div id=layer2 style="DISPLAY: inline">...</div>
<div id=layer3 style="DISPLAY: inline">...</div>
...
рисуем функцию в которую передаём переменную
function qqq(a){

//делаем переменную
var tmp

//определяем семейство браузеров
IE = (document.all)
NC = (document.layers)
Op = (document.getElementById)
//и далее поочерёдно их опрашиваем и делаем что тебе надо
for (var i=1; i<4; i++){
if(IE) tmp = document.all["layer"+i]
if(NC) tmp = document.layers["layer"+i]
if(Op) tmp = document.getElementById("layer"+i)

//если передано "0" - слои закрываются
if (a==0){tmp.style.display = "none"}

//если передано что либо другое - отрываем слои
else {tmp.style.display = "inline"}
}
}

Это сообщение отредактировал(а) Red Dragon - 6.7.2004, 12:45

2Red Dragon по моему уже давно настала пора забыть о document.layers и document.all навсегда

Пересказывая Се ля ви...
Если все подопытные находятся в одном родительском слое, то можно пробежатся по childNodes, меняя по по пути style.visibility у помеченных через className. Так будет работать и в глючной опере.

Способ более изящный:

Код

<!-- общий стиль --> <style id="test" type="text/css"> .fordivs {visibility:visible} </style> ..... function openClose() { if(document.styleSheets) {  //опять IE с Мозиллой не поделили имена...  var t=document.styleSheets[0][document.all? "rules": "cssRules"][0].style;  t.visibility=(t.visibility=="visible")? "hidden": "visible"; } } ..... <div class="fordivs">Test</div><br> <div class="fordivs">Test</div><br> <span onClick="openClose()">Закрыть/Открыть</span>

Но, как и следовало ожидать, в опере он не работает - не существует document.styleSheets.

Спасибо всем за помощь.
Идея с разными стилями у меня была. В IE можно сделать две разных стилевых таблицы и присваивать по очереди любому элементу - один стиль делает слои видимыми, другой - невидимыми. Но, увы, в Опере, как было замечено, это не работает.
Резюмируя сказанное другими авторами, можно выделить два решения. Первое - присвоить каждому слою свой идентификатор и в цикле по ним всем "пробегаться" пряча слои или делая их видимыми. Второе - сделать как предложил Sardar , а на Оперу плюнуть, отключив фичу со слоями, например, чтобы слои всегда отображались. Не очень хороший способ, но тоже вариант, когда надо сделать проще.
Правильно идеи изложил?

ИМХО, ребята, вы делаете из мухи - слона.

Код

<style> #sloi{display:block} </style> <script> function openClose() { var s=document.getElementById('sloi').style s.display=s.display=="block"?"none":"block"; } </script> <div id=sloi> <div>111</div> <div>222</div> <div>333</div> </div> <span onClick="openClose()">Закрыть/Открыть</span>

mix
А если слои в разных местах, а не подряд?

Sardar
Почему можно забыть?

Цитата

по моему уже давно настала пора забыть о document.layers и document.all навсегда

Цитата

Sardar Почему можно забыть?

Это была шутка, к которой я отношусь серьезно
Есть понятие стандарт(DOM), есть доказанное опытным путем явление: люди любят новый софт. Существует странная тенденция софта реализовывать стандарты
Вывод: где ты, кроме как у "убогих" КПК, видел браузер, который не поддерживает DOM'овский getElmentById и этот браузер не старше 5 лет?

Семён Семёныч........

Цитата

А если слои в разных местах, а не подряд?

Тогда так:

Код

<script> function getElementsByClassName(c) { r=new Array(); var A=document.all?document.all:document.getElementsByTagName('*'); for(var i=0;i<A.length;i++) if(A[i].className==c) r[r.length]=A[i]; return r; } function hide() { var s=getElementsByClassName('sloy'); for(var i=0;i<s.length;i++)    s[i].style.display="none"; } </script> <div class=sloy>111</div> <div class=sloy>222</div> <div class=sloy>333</div> <span onClick="hide()">скрыть</span>