function TestLayer(id){
// Internet Explorer if (document.all){
return document.all[id].style.display;
}
//Netscape Communicator
if (document.layers) {
return document.layer[id].visibility;
}
}
function SetLayer(id,value){
// Internet Explorer if (document.all){
document.all[id].style.display=value;
return true;
}
//Netscape Communicator
if (document.layers) {
document.layer[id].visibility=value;
return true;
}
}
function initLayer(num){
SetLayer(num, HIDDEN);
encours=num;
}
function selectLayer(num) {
if (TestLayer(num)==VISIBLE) {
SetLayer(num, HIDDEN);
if (encours!="" ){
SetLayer(encours,VISIBLE);
}
encours=num;
}
else {
SetLayer(num,VISIBLE);
encours="";
}
return false; }
page.html:
<html>
<head>
<SCRIPT SRC="menu.js" TYPE="text/JavaScript"></SCRIPT>
</head>
<body>
<table>
<tr>
<!-- Menu (affiché par défaut) -->
<td>
<A HREF='#' onClick="selectLayer('Menu1');" onmouseover="self.status='Menu1';return true;" onmouseout="self.status='';return true;">Menu1</A>
</td>
</tr>
<tr>
<!-- sous menu affiché par défaut -->
<td ID="Menu1" style='display:'>
lien1<br>
lien2<br>
lien3<br>
</td>
</tr>
<tr>
<!-- Menu -->
<td>
<A HREF='#' onClick="selectLayer('Menu2');" onmouseover="self.status='Menu2';return true;" onmouseout="self.status='';return true;">Menu2</A>
</td>
</tr>
<tr>
<!-- sous menu -->
<td ID="Menu2" style='display:none'>
lien1<br>
lien2<br>
lien3<br>
</td>
</tr>
...
</table>
<Script language="JavaScript">initLayer("Menu1" );</script>
</body>
</html>
Obscure
Mon site est en html, javascript .......... merci :jap:
Obscure
Comment en faire, on clique sur un lien, une liste se déploie sous lui, on choisi alors, et si on clique sur un autre lien du menu, il se ferme auto, et c'est l'autre qui s'ouvre .. (pour pas avoir 10 menu ouverts ...)
