Masquer/Afficher toutes les balises contenues dans un DIV [Résolu]

[tapadaka]

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.

[RomainVALERI]

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

Code javascript :

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";
}

[NoSmoking]

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.

[javatwister]

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

[tapadaka]

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).

[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 ?

[tapadaka]

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

[tapadaka]

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.

[Loceka]

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