salut Watilin,
voici le code html généré:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
<script type="text/javascript">
function ShowHide(elem) {
if(document.getElementById(elem).style.display == "none"){
document.getElementById(elem).style.display = '';
}
else{
document.getElementById(elem).style.display = "none"; }
}
</script>
<button type="button">
<a href="javascript:ShowHide('$sub_module_index');">Folder-Unfolder</a></button>
<div style="display:none" id="$sub_module_index">
<A name="av-control" href="javascript:ShowHide('1_module_name_1');">av-control</A>
<div style="display:none" id="1_module_name_1">
......
</div>
</div>
<A name="dvr" href="javascript:ShowHide('2_module_name_2'); ">dvr</A>
<div style="display:none" id="2_module_name_2">
......
</div> |
du coup ce que je souhaiterai en cliquant au bouton qu'il affiche d'abord la liste de tous les modules et en recliquant qu'il affiche la liste de tous les modules avec leurs details. Les div qui se trouvent dans ce code html affichent seulement la liste de chaque module. J'ai eu l'idée de créer de 2 blocs de div, l'un affichant seulement la liste de module avec
<div style="display:" id="...">
et l'autre affichant la liste et le detail de chaque module avec
<div style="display:none" id="...">
mais le problème je ne sais pas comment faire le if dans le code javascript pour appeler selon le condition l'un ou l'autre bloc. Merci
Partager