Menu dynamique [Résolu]

Signaler
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007
-
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007
-
Bonjour à toutes et à tous,

Je ne suis pas expert en langage, et de ce fait il était difficile pour moi de trouver la place pour le sujet suivant :

Voilà, j'ai différentes rubriques horizontales (6 au total). Des sous-rubriques ont été définies pour les 5 premiers item. Pour le 6ème, je ne veux rien définir.
- Lorsque ma souris passe sur l'une des 5 premères rubriques, des sous-rubriques apparaissent (normal, c'est ce que je veux).
- Lorsque ma souris survole sur la 6ème rubrique, je souhaiterais que les autres sous-rubriques disparaîssent pour qu'il y ait uniquement le libellé de ma 6ème rubrique. La question est "comment faire ?"

Voici le code :




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_right.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 6;

//menu constructor
function menu(allitems,thisitem,startstate){
  callname= "gl"+thisitem;
  divname="subglobal"+thisitem; 
    this.numberofmenuitems = allitems;
    this.caller = document.getElementById(callname);
    this.thediv = document.getElementById(divname);
    this.thediv.style.visibility = startstate;
}
                 
//menu methods
function ehandler(event,theobj){
  for (var i=1; i<= theobj.numberofmenuitems; i++){
      var shutdiv =eval( "menuitem"+i+".thediv");
    shutdiv.style.visibility="hidden";
    }
    theobj.thediv.style.visibility="visible";
}
               
function closesubnav(event){
  if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
      var shutdiv =eval('menuitem'+i+'.thediv');
            shutdiv.style.visibility='hidden';
        } 
    }
}
// -->
</script>
</head>

skip to: page content | links on this page | site navigation | footer (site information)

  TITRE DE LA PAGE

 

   
[# Item1][# Item2 ][# Item3][# Item4][# Item5][# Item6]

    <!--end globalLinks-->
 

  <!-- end globalNav -->
 
[# sous_item_1.1] | [# sous_item_1.2] | [# sous_item_1.3]

 
[# sous_item_2.1] | [# sous_item_2.2] | [# sous_item_2.3] | [# sous_item_2.4]

 
[# sous_item_3.1] | [# sous_item_3.2] | [#

 
]sous_item_4.1 | [# sous_item_4.2]

 
[# sous_item_5.1] | [# sous_item_5.2]

<!-- end masthead -->
<!--end pagecell1-->

<script type="text/javascript">
    <!--
      var menuitem1 = new menu(5,1,"hidden");
      var menuitem2 = new menu(5,2,"hidden");
      var menuitem3 = new menu(5,3,"hidden");
      var menuitem4 = new menu(5,4,"hidden");
      var menuitem5 = new menu(5,5,"hidden");     
    // -->
    </script>

</html>






Quelqu'un pourrait-il m'éclairer à ce sujet, m'orienter ?

Merci à la communauté !

2 réponses

Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
5
Salutation, j'ai peu être la solution
tu dois rajouter une balise div :



et ensuite : dans ton block de script tu rajoutes
var menuitem6 = new menu(5,6,"hidden"); 

et après tu devrais supprimer le traitement fait sur le tag body ( onmousemove ) parce que les menus y sont trop rapides à disparaître ! à moins que ce ne soit ce que tu désirais.

Cordialement
[o-_-o]
Messages postés
11
Date d'inscription
jeudi 7 septembre 2006
Statut
Membre
Dernière intervention
7 novembre 2007

Merci Zobibol pour cette réponse rapide ! Et merci pour ton astuce. Ca marche nickel !

Bien cordialement,