begin process at 2012 02 08 20:01:00
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Javascript/DHTML

 > MENU EXPLORER

MENU EXPLORER


 Information sur la source

Note :
3,78 / 10 - par 9 personnes
3,78 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Javascript/DHTML Classé sous :menu, explorer, comme, windows, page Niveau :Initié Date de création :12/04/2001 Vu / téléchargé :16 153 / 1 102
Auteur : patoch

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
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">
  • <!--
  • #Pos1 {position : absolute; left : 2px; top : 2px;}
  • #Pos2 {position : absolute; left : 2px; top : 2px;}
  • #Pos3 {position : absolute; left : 2px; top : 2px;}
  • //-->
  • </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="#ffffff" onLoad="afficher_menu (1);">
  • <div id="Pos1"><img usemap="#theMap1" src="images/Image1.jpg" width=200 height=130 border=1></div>
  • <div id="Pos2"><img usemap="#theMap2" src="images/Image2.jpg" width=200 height=130 border=1></div>
  • <div id="Pos3"><img usemap="#theMap3" src="images/Image3.jpg" width=200 height=130 border=1></div>
  • </body>
  • </html> 
<html>


  <head>

  <style type="text/css">
  <!--
  #Pos1 {position : absolute; left : 2px; top : 2px;}
  #Pos2 {position : absolute; left : 2px; top : 2px;}
  #Pos3 {position : absolute; left : 2px; top : 2px;}
  //-->
  </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="#ffffff" onLoad="afficher_menu (1);">

    <div id="Pos1"><img usemap="#theMap1" src="images/Image1.jpg" width=200 height=130 border=1></div>
    <div id="Pos2"><img usemap="#theMap2" src="images/Image2.jpg" width=200 height=130 border=1></div>
    <div id="Pos3"><img usemap="#theMap3" src="images/Image3.jpg" width=200 height=130 border=1></div>

  </body>

</html>

 Conclusion

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

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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 une capture Source .NET (Dotnet) CALENDRIER POPUP ET MULTICONTROLES par nico5969
Source avec Zip Source avec une capture Source .NET (Dotnet) ONGLETS DYNAMIQUES POUR ASP.NET par s_shadow
Source avec Zip LOADING DANS UNE PAGE par Jackboy
Source avec Zip AFFICHER / MASQUER LES COLONNES D'UN TABLEAU SANS RECHARGEME... par matche
Source avec Zip Source .NET (Dotnet) VILLE EN FONCTION DU CP SOUS FORME DE CONTROLE ET SANS POSTB... par jesusonline
Toutes les sources de la catégorie Javascript/DHTML

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture Source .NET (Dotnet) PAGINATION CONTRÔLE REPEATER ASP.NET AVEC UN DATASET par fabienfs
Source avec Zip Source .NET (Dotnet) L'INTERFACE IHIERARCHICALENUMERABLE - BINDEZ VOS MENU/TREEVI... par jesusonline
Source avec Zip Source avec une capture Source .NET (Dotnet) [VB 8][.NET 2][ATLAS]EXPLORATEUR (WINDOWS LIKE) DE FICHIER S... par FREMYCOMPANY
Source .NET (Dotnet) LISTER TOUS LES CONTROLS D'UNE PAGE par Coolpix08
EXECUTION D'UNE APPLICATION A PARTIR DE ASP par sam2001

Commentaires et avis

Commentaire de neojoce le 22/07/2002 04:52:13

BIEN :)

Commentaire de tiborg le 26/02/2004 16:34:05

Honteux !! ne perdez pas votre temps ..
.. sauf si vous aimez photoshop

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

sos asp [ par souma ] nous avons un site avec une page d'accueil index.aspnous avons effectué des mofications. et une fois que je clique sur un menu de cette page, j'ai d'a Comment lancer un Programme Windows d'une page ASP ?? [ par Pyro ] SltComment lancer un Programme Windows tel que Wordpad, notepad, Calculatrice, netscape,... d'une page ASP en cliquant sur un lien ??Merci ! garder un menu d une page web a une autre [ par derien ] je souhaiterai cree un site et je me pose la question de savoir comment garder le menu (ke l on trouve souvent a gauche d une page web)d une page a la Liste déroulante [ par SnakeTales ] Bonjour, voila mon preoblème est que dans une page j'ai un menu déroulante avec plusieurs date, je sélectionne la date que je veux et je clique sur en INTERNET EXPLORER et EXCEL [ par joan ] Bonjour,Nous voulons ouvrir un fichier excel dans internet explorer pour que l'utilisateur puissemodifier les données avec une mise à jour dans la pag Menu dynamique et frameset [ par Appolon ] Bonjour à tous,Mon problème est le suivant, j'ai un menu dynamique horizontal il se trouve dans une page asp entete qui elle est appellé dans une page VBScript : Lancement automatique [ par timour9 ] Bonjour à tous, j'ai créé un petit script VBscript qui doit être exécuté toutes les semaines. Pour cela je l'ai placé dans une tâche planifiée Windows Récupérer la valeur d'un menu déroulant dynamique [ par irestekoi ] Bonjour,Lorsque je fais une sélection dans un menu déroulant, je charge automatiquement une page (toujours la même).Mon problème:Sur la page que j'ai Encore menu flottant mais en ASP [ par Lordthias ] Salut a tous....J'ai pu lors de differentes recherches trouver une moultaine de menus flottant ou pas, dynamique ou pas,etc...J'ai essay&#233; par&nbs Donner des propriétés à un ASCX ? [ par smoitry ] Bonjour !J'ai un gros soucis, en codant un user control en ASCX et C#.Je m'explique, pour faire, simple, et d&#233;j&#224; tester avant de faire plus


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Single Large Rock Formation in Monument Valley
Photo Japan Kultur Zen Buddismus 

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 : 1,841 sec (3)

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)