Des menus qui se déploie, genre Windows ? - Programmation
Marsh Posté le 18-11-2001 à 17:30:00
menu.js:
IE = document.all ? 1:0;
NN = document.layers ? 1:0;
HIDDEN = (NN) ? 'hide' : '';
VISIBLE = (NN) ? 'show' : 'none';
var encours="";
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>
Marsh Posté le 19-11-2001 à 19:42:24
Ca marche !!! merci bcppppp !:jap: Mais est ce qu'il y a un moyen de commencer avec tous les menus fermés ?
Marsh Posté le 22-11-2001 à 20:10:23
on a pas un site avec un exemple, car je vais peutêtre utiliser un truc du genre
Marsh Posté le 18-11-2001 à 14:33:02
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 ...)
Merci.