afficher/masquer champs formulaire

Bonjour

J'essaie de cacher un champs formulaire, que l'on puisse découvrir en cliquand sur un bouton.

pour cela j'utilise ce code :

Code:

---

1 2 3 4 5 6 7 8 9

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

---

le bouton :

Code:

---

<input type="button" onclick="affCache('div1');" value="personne supplémeantaire"/>

---

Ce qui a pour fait de bien afficher ou masquer le champ, mais il l'affiche par defaut, alors que je voudrais le cacher par defaut, j'ai essayer de mettre none dans if (div.style.display == "none") mais cela ne fonctionne pas.

Quelqu'un aurait-il une idée ?

Merci d'avance.

Salut,
Si tu veux que ton champ soit caché par défaut, il faut le préciser !

Code:

---

<div id="div1" style="display: none">

---

Attention, tu es obligé (au vu de ton code), de passer par un style inline (attribut style de l'élément HTML), si tu affectes une valeur via une feuille de style, c'est cette affectation qui sera le style par défaut (div.style.display="").
Autre chose, donner à des variables des noms comme 'div' est très maladroit...

ha bah oui parfait..
je change tout de suite le nom du div (c'etait le nom par defaut), en tout ca avec le style display: none ca fonctionne très bien..

merci !