Menu explorer

Soyez le premier à donner votre avis sur cette source.

Vue 40 774 fois - Téléchargée 1 899 fois

Description

Pour avoir dans vos pages Web des menus comme l'explorateur de windows.

Source / Exemple :


<html>

  <head>

  <style type="text/css">
  <!--
        //-->
  </style>

    <map name="theMap1">
      <area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (2); return false;">
      <area shape="rect" coords="20, 32, 200, 48" href="" onClick="afficher_menu (3); return false;">
    </map>

    <map name="theMap2">
      <area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (1); return false;">
      <area shape="rect" coords="20, 32, 200, 48" href="page1-1.html" target="content_frame">
      <area shape="rect" coords="20, 48, 200, 64" href="page1-2.html" target="content_frame">
      <area shape="rect" coords="20, 64, 200, 80" href="page1-3.html" target="content_frame">
      <area shape="rect" coords="20, 80, 200, 96" href="" onClick="afficher_menu (3); return false;">
    </map>

    <map name="theMap3">
      <area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (2); return false;">
      <area shape="rect" coords="20, 32, 200, 48" href="" onClick="afficher_menu (1); return false;">
      <area shape="rect" coords="20, 48, 200, 64" href="page2-1.html" target="content_frame">
      <area shape="rect" coords="20, 64, 200, 80" href="page2-2.html" target="content_frame">
    </map>

  <script language="JavaScript">
  <!-- Masqué pour les anciens navigateurs
  
    Niveaux = document;
    if (document.all)
      Niveaux = document.all;
  
    function affiche_niveau (e, v) {
    
      e.visibility = v;
      if (e.style)
        e.style.visibility = v;
    }

    function afficher_menu (m) {
    
      if (m == 1) {
        
        affiche_niveau (Niveaux.Pos1, "visible");
        affiche_niveau (Niveaux.Pos2, "hidden");
        affiche_niveau (Niveaux.Pos3, "hidden");
      }

      if (m == 2) {
        
        affiche_niveau (Niveaux.Pos1, "hidden");
        affiche_niveau (Niveaux.Pos2, "visible");
        affiche_niveau (Niveaux.Pos3, "hidden");
      }

      if (m == 3) {
        
        affiche_niveau (Niveaux.Pos1, "hidden");
        affiche_niveau (Niveaux.Pos2, "hidden");
        affiche_niveau (Niveaux.Pos3, "visible");
      }
    }
  // -->
  </script>
  </head>

  <body bgcolor="
    <div id="Pos1"><img usemap="    <div id="Pos2"><img usemap="    <div id="Pos3"><img usemap="
  </body>

</html>

Conclusion :


Vous pouvez agrandir le script et pour les images
il suffit de faire des copies d'écran.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
lundi 10 avril 2006
Statut
Membre
Dernière intervention
16 octobre 2007

Bonjour à tous,
le dernier morceau de code revu :









@++ Swan
Messages postés
120
Date d'inscription
vendredi 7 février 2003
Statut
Membre
Dernière intervention
2 novembre 2009

c'est normal le code pas fermé ? :
<body bgcolor="

<img usemap="
<img usemap="
<img usemap="

je débute et je sais pas comment le fermer correctement.
Messages postés
27
Date d'inscription
vendredi 27 août 2004
Statut
Membre
Dernière intervention
9 juin 2007

ce script est pas mal mais les image ne sont pas très belle. voila je met 8
Messages postés
217
Date d'inscription
lundi 4 février 2002
Statut
Membre
Dernière intervention
19 décembre 2012

Bien c'est pas si mal, sauf que nos somme oubligé de faire des images pour toutes les sections?

Je crois qu'il existe une vrai facon de le faire en "direct".

Avec FrontPage dans les "Composant Web's" il offre un "ActiveX" sous le nom de "Microsoft TreeView Control, version 6.0". À quelques reprise j'ai essayé de le faire fonctionner, mais j'ai jamais été capable de le faire!

Voici sont code...

<object classid="clsid:C74190B6-8589-11D1-B16A-00C0F0283628" id="TreeView1">



















</object>

a++
Messages postés
26
Date d'inscription
mercredi 28 juillet 2004
Statut
Membre
Dernière intervention
3 avril 2005

J'ai utilisé ce code pour faire mon menu sur
http://www.winnieptitourson.fr.st

Quand pensez-vous ?

Je voudrais savoir s'il marche un navigateur différent de Internet Explorer.

Merci beaucoup.

Estelle.
Afficher les 8 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.