Bonjour,
Voici mon petit menu qui marche très bien. En cliquant sur le premier <tr> le reste du tableau s'affiche ou se masque mais il me reste un petit souci. Au chargement de la page, le reste du tableau est affiché et moi je veux le contraire puis en cliquant sur Accueil le reste s'affiche.
Merci d'avance.
Ma page htm:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript>
var bolOpened = true;
if (document.getElementById("mnuHead") != null && document.getElementById("mnuMain") != null)
{
bolOpened = document.getElementById("mnuHead").className == "mnuHeadOpened" ? true : false;
}
if (!bolOpened)
{
document.getElementById("mnuMain").style.display = "none";
bolOpened = false;
}
function showHideMnu()
{
if (bolOpened)
{
document.getElementById("mnuHead").className = "mnuHeadClosed";
document.getElementById("mnuMain").style.display = "none";
bolOpened = false;
}
else
{
document.getElementById("mnuHead").className = "mnuHeadOpened";
document.getElementById("mnuMain").style.display = "block";
bolOpened = true;
}
}
function test()
{
document.getElementById("mnuMain2").style.visibility = 'hidden';
document.getElementById("mnuMain").style.visibility = 'hidden';
}
</SCRIPT>
</head>
<body>
<table><tr><td height="334" valign="top"><table width="99%" height="30" border="1" id="mnuHead" onclick="showHideMnu()" class="mnuHeadClosed" style="cursor=hand" >
<tr>
<td><div align="center">Accueil</div></td>
</tr>
</table><table id="mnuMain" cellpadding="0" cellspacing="0" border="0" class="mnuBody" ><tr id="TR_M000" >
<td>blabla</td>
</tr>
<tr id="TR_M011">
<td>blabla</td>
</tr>
<tr id="TR_M022">
<td>blabla</td>
</tr>
</table></tr></table>
</body>
</html>