Des menus qui se déploie, genre Windows ?

Des menus qui se déploie, genre Windows ? - Programmation

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. :jap:

Reply

Marsh Posté le 18-11-2001 à 14:33:02   

Reply

Marsh Posté le 18-11-2001 à 14:33:58    

Mon site est en html, javascript .......... merci :jap:

Reply

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>

Reply

Marsh Posté le 19-11-2001 à 19:42:24    

Ca marche !!! merci bcppppp !:jap: :jap: Mais est ce qu'il y a un moyen de commencer avec tous les menus fermés ? :??:

Reply

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed