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>
;" 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>
;" 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 ?
 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.