Masquer/Afficher toutes les balises contenues dans un DIV

Bonjour,

J'ai une arborescence de balises et je n'arrive pas à masquer l'ensemble des balises filles de ma balise principale.

Code HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div id="divPrincipal"> <table> <tr> <td><input ...></td> <td> <div>...</div> </td> </tr> <tr> <td><input ...></td> </tr> </table> </div>

---

Code Javascript :

Code:

---

1 2	document.getElementById('divPrincipal').style.display = "none";

---

Ne masque pas les input (il y en a plusieurs dizaines) alors que c'est ce que j'attends ! Au même niveau de l'arborescence que les input, il y a d'autres div...

Merci d'avance.

Essaie peut-être de cibler tes inputs en particulier s'il n'y a qu'eux qui doivent disparaitre :

Code:

---

1 2 3 4

var inputs = document.getElementById("divPrincipal").getElementsByTagName("input"); for (var i = 0, iMax = inputs.length; i < iMax; ++i) { inputs[i].style.display = "none"; }

---

Citation:

---

J'ai une arborescence de balises et je n'arrive pas à masquer l'ensemble des balises filles de ma balise principale.

---

en mettant le display à none du conteneur quoiqu'il arrive TOUT ce qui est contenu à l'intérieur est masqué, sauf si il y a erreur dans le document ou dans le javascript.

Citation:

---

en mettant le display à none du conteneur quoiqu'il arrive TOUT ce qui est contenu à l'intérieur est masqué, sauf si il y a erreur dans le document ou dans le javascript.

---

+1

Et bien non justement, le contenu de mon div n'est pas masqué. Et je ne peux pas simplement masquer les input, j'ai plusieurs autres balises encore (d'autres div essentiellement).
Il n'y a pas d'erreurs dans le javascript (j'utilise le module webdeveloper de firefox).

et dans le document, feuille de style comprise?
une autre possibilité est le doublon de l'ID, as tu une même ID de déclarée avant ton DIV ?

Citation:

---

Envoyé par NoSmoking

et dans le document, feuille de style comprise?
une autre possibilité est le doublon de l'ID, as tu une même ID de déclarée avant ton DIV ?

---

Pas de doublons dans les id.
Il y a des erreurs dans le css. Beaucoup d'erreurs (non prise en compte de certains paramètres). Je ne peux pas vérifier en détail pour l'instant, j'ai laissé le code source au bureau :?

Effectivement, masquer un div masque tout son contenu également. J'ai fait une grosse erreur : les input à masquer étaient en fait des input du framework Alloy UI (AUI). Elles ont un comportement vraisemblablement différent que celles du HTML. Reste à voir comment je vais faire pour les masquer. Quoi qu'il en soit, merci pour votre temps.

Si tes input (ou un de leurs parents) ont un positionnement en absolute ou fixed ça peut poser des problèmes.