CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 18 06:11:55

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

MENU EXPLORER

Information sur la source

Note :

3,78 / 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é :15 317 / 1 064

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 !

Images
- Image1.jpg 4 144 octets
- Image2.jpg 6 896 octets
- Image3.jpg 6 022 octets
index.html 190 octets
menu.html 2 816 octets
page0.html 90 octets
page1-1.html 68 octets
page1-2.html 68 octets
page1-3.html 68 octets
page2-1.html 68 octets
page2-2.html 68 octets

Télécharger le zip

Sources du même auteur

DES INFO-BULLES ORIGINALS

VOUS ETES SURVEILLER

SUPERBE TEXTE DÉFILANT

Toutes les sources de patoch

Sources de la même categorie

CALENDRIER POPUP ET MULTICONTROLES par nico5969

ONGLETS DYNAMIQUES POUR ASP.NET par s_shadow

LOADING DANS UNE PAGE par Jackboy

AFFICHER / MASQUER LES COLONNES D'UN TABLEAU SANS RECHARGEME... par matche

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

PAGINATION CONTRÔLE REPEATER ASP.NET AVEC UN DATASET par fabienfs

L'INTERFACE IHIERARCHICALENUMERABLE - BINDEZ VOS MENU/TREEVI... par jesusonline

[VB 8][.NET 2][ATLAS]EXPLORATEUR (WINDOWS LIKE) DE FICHIER S... par FREMYCOMPANY

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é 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éjà tester avant de faire plus

Nos sponsors

Derniers Blogs

[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril

CERTIFICATIONS BETA .NET 4 par KooKiz

[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo

LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE

[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY

Forum

CRYPTANALYSE par expertnajeh

RECHERCHE DE TOUS LES CHEMIN POSSIBLES D'UNE VILLE SOURCE à UNE VILLE DESTINATION par fattoumtoutou

AJOUT ET BD par zaydounhlel

SLIDER AVEC DES CHAINES DE CARACTèRES par debladz

PROBLEME RS232 par houfia

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Application iPhone
Budget : 2 000€
site vitrine agence edition
Budget : 500€
Site ecommerce pieces automobiles
Budget : 1 500€

Logiciels

Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods
Konvertor (4.00)
KONVERTOR (4.00)

Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format...

Cliquez pour télécharger Konvertor