Deux listes liées

Citer ce message

le 24/06/2003 à 10:47

C_Kirby

Non, comme sur ce site dans les Astuces, sauf que la page ne doit pas se charger... Enfin, c'est ce que j'ai compris...

C_Kirby

Citer ce message

le 24/06/2003 à 14:09

Layer

mais ça na rien a voir avec les formulaire !

essaie ça :

<html>

<head>

<style type="text/css"><!--

.ferme { display: none }

.ouvre { display: block }

--></style>



<script language="JavaScript">

<!--

function doit(header){

 var head=header;

 flag="0";



 if (head.className=="ferme") { flag="1" }   // test : le menu pressé est-il fermé ?



 document.getElementById("1").className = "ferme";  // on cache tous les sous-menu

 document.getElementById("2").className = "ferme";

 document.getElementById("3").className = "ferme";



 // en fonction du nombre de menus, rajouter des lignes :

 // document.getElementById("4").className = "ferme";

 // document.getElementById("5, 6, etc..").className = "ferme";



 if (flag=="1") { head.className="ouvre" }  // si le menu pressé était fermé, on l'ouvre (flag=1)

					    // s'il était ouvert, on le laisse fermé (flag=0)

 }



// -->

</script>

</head>

<body>

<div style="cursor:hand" onClick="doit(document.getElementById('1'))">Titre du menu 1</div>

<span class="ouvre" id="1">sous-menu 1</span>



<br><div style="cursor:hand" onClick="doit(document.getElementById('2'))">Titre du menu 2</div>

<span class="ferme" id="2">sous-menu 2</span>



<br><div style="cursor:hand" onClick="doit(document.getElementById('3'))">Titre du menu 3</div>

<span class="ferme" id="3">sous-menu 3</span>





<!-- en fonction du nombre de menu, rajouter des lignes en augmentant chaque fois les chiffres



<br><div style="cursor:hand" onClick="doit(document.getElementById('4'))">Titre du menu 4</div>

<span class="ferme" id="4">sous-menu 4</span>



etc...



-->

</body>

</html>