Rendre visible / invisible plusieurs éléments en même temps

Bonjour,
Voilà je dispose d'une page avec plusieurs zones de textes.

J'arrive à les rendre visible / invisible grâce au javascript

Code:

---

1 2 3

document.getElementById('zone_txt').style.visibility="visible"; ou document.getElementById('zone_txt').style.visibility="hidden";

---

J'aurais voulu savoir s'il existait une commande qui permettrai de faire cet affichage mais pour toutes mes zones de textes, existe t-il un attribut général pour modifier toutes mes zones de texte ?

Merci d'avance,

Citation:

---

getElementsByTagName
+
boucles

---

:idea:

Ok, merci ça a l'air de fonctionner.
Mais si je veux appliquer cette fonction qu'aux élément 'textarea' mais seulement une partie de ma page, c'est possible ?

Ex:

Code:

---

1 2 3 4 5 6 7 8

<textarea name="1">text 1</textarea>   <div id="zone"> <textarea name="2">text 2</textarea> <textarea name="3">text 3</textarea> </div>

---

Si je veux que seulement les textarea 2 et 3 soit affecté par le getElementsByTagName, c'est possible ?

Citation:

---

document.getElementById("zone").getElementsByTagName("textarea")

---

:?:

tu peux te servir de ça :
http://javascript.developpez.com/sou...divers#chngcss

tu leur met tous la meme classe et ensuite tu change le style de la classe

oui ou tu les colle tous dans un seul et meêm conteneur ... plus simple ...

J'ai toujours une erreur :s

Code:

---

1 2 3 4 5

tab_div=document.getElementsByTagName('div'); for(i=1; i<=tab_div.length; i++){ tab_div[i].style.display="none"; }

---

la collection commence à 0 !

Code:

---

1 2 3 4

tab_div=document.getElementsByTagName('div'); for(i=0; i<tab_div.length-1; i++){ tab_div[i].style.display="none"; }

---

Avec i commencant à 0 :

Code:

---

tab_div[i] has no properties

---

:cry:


EDIT : c'est bon ca marche ! Merciiiiiii
J'avais pas vu le tab_div[i].length-1 :)

8O ???
getElementsByTagName te retourne une collection qui commence à 0 ...
à moins qu'il n'y ait une declaration que je ne connaisse pas ...