begin process at 2010 03 20 04:29:48
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > MENU EXPLORER

MENU EXPLORER


 Information sur la source

Note :
5 / 10 - par 4 personnes
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Initié Date de création :12/04/2001 Vu / téléchargé :35 303 / 1 753
Auteur : patoch

Ecrire un message privé
Site perso
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

 Description

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

Source

  • <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> 
<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.


 Sources du même auteur

DES INFO-BULLES ORIGINALS
Source avec Zip VOUS ETES SURVEILLER
SUPERBE TEXTE DÉFILANT
Toutes les sources de patoch

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

Commentaire de Symbiote le 19/12/2002 16:33:18

c'est le seul commentaire que tu aura, preuve que ton script n'interresse personne même pas moi !

Commentaire de Matt le 11/05/2003 22:33:39

Si ca t'interresses pas pourquoi à tu mis un commentaire ? ....

Commentaire de Boool le 23/05/2004 01:35:58

Le script est pas trop mal, mais une version recursive, ca serais quand meme le minimum.

Commentaire de Winnieptitourson le 30/07/2004 11:32:22

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.

Commentaire de MAsterC le 05/10/2004 00:36:36

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">
<param name="HideSelection" value="1">
<param name="Indentation" value="1000">
<param name="LabelEdit" value="0">
<param name="LineStyle" value="0">
<param name="PathSeparator" value>
<param name="Sorted" value="0">
<param name="Style" value="7">
<param name="Checkboxes" value="0">
<param name="FullRowSelect" value="0">
<param name="HotTracking" value="0">
<param name="Scroll" value="1">
<param name="SingleSel" value="0">
<param name="ImageList" value>
<param name="BorderStyle" value="0">
<param name="Appearance" value="1">
<param name="MousePointer" value="0">
<param name="Enabled" value="1">
<param name="OLEDragMode" value="0">
<param name="OLEDropMode" value="0">
</object>

a++

Commentaire de jeungob le 15/04/2005 09:17:27

ce script est pas mal mais les image ne sont pas très belle. voila je met 8

Commentaire de rduvrac le 10/12/2005 19:43:51

c'est normal le code pas fermé ? :
<body bgcolor="
<div id="Pos1"><img usemap="    <div id="Pos2"><img usemap="    <div id="Pos3"><img usemap="

je débute et je sais pas comment le fermer correctement.

Commentaire de chezswan le 16/10/2007 22:23:22

Bonjour à tous,
le dernier morceau de code revu :

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

@++ Swan

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Console Nintendo Wii
Entre 220€ et 307€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

Photo hvar - 2Photo Village du Lot et Garonne, Saint Front
Photo corne de cerf 2 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,421 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)