
le 25/06/2003 à 06:45
variable globale
parce qu'ils veulent une solution rapide sans chercher

<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>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function showFAQ(form) {
form.answer.value = form.question.options[form.question.selectedIndex].value;
}
// End -->
</SCRIPT>
</HEAD>
<BODY>
<center>
<form name=faqform>
<table border=1 cellspacing=0 cellpadding=5>
<tr bgcolor="#FFF6BF">
<td align=center><font face="verdana,arial" size="-1" color="#000080">
<b>Votre titre ici</b></font></td>
</tr>
<tr bgcolor="#ffffff"><td><font color="#000080" face="verdana,arial" size="-1"><br>
Choisissez un des liens ci-dessous et cliquez dessus pour avoir les informations.
<p>
<ul><select size=10 name=question onChange="javascript:showFAQ(this.form);">
<option value="Information 1"> --> Lien 1
<option value="Information 2"> --> Lien 2
</select>
</ul>
<p>
Information:
<p>
<ul>
<textarea name="answer" rows=15 cols=50 wrap=virtual></textarea>
</ul>
</font>
</td>
</tr>
</table>
</form>
</center>