begin process at 2010 03 22 16:57:27
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > MENU DÉROULANT PAR SURVOL

MENU DÉROULANT PAR SURVOL


 Information sur la source

Note :
7,2 / 10 - par 5 personnes
7,20 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :29/06/2004 Vu / téléchargé :16 163 / 3 157

Auteur : Philenain1

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

 Description

Bon ben comme apperement il y a beaucoup de sources sur ce theme je pose la mienne (la prems =) ).Alors la description:c'est une bare de menu (sans blague!!) qui ressemble pas mal a celle de Windows (le "coloriage" du chemin en particulier).Ce code n'utilise que du  java Script et du html Donc ce DEBUT de site tien ds une seul page,et je pense est assez évolutif.En effet si vous voulez changer les menus il suffit de changer les valeurs du tableau.

Une petite note aux visiteurs qui se reconnaiteront (j'espere...),une critique CONSTRUCTIVE n'est pas "c nul","c'est de la merde".....        Donc PROPOSEZ des amélioration ,donnez des conseils( tout le monde a été noob un jour(a méditer)).

Source

  • La source est dans le zip(trop honte pour l'afficher ;))
La source est dans le zip(trop honte pour l'afficher ;))


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

Commentaires et avis

Commentaire de Mingain le 30/06/2004 13:59:10

Bel effet. Je n'ai pas encore looké la source mais c'est pas mal! 7/10

Commentaire de linupat le 30/06/2004 17:01:31

bonjour, tous d'abord jolie l'interface!
Petite question: si je veux ouvrir une page au milieu en conservant l'affichage de mes menus! comment je fais? (je suis pas très bon en javascript)
merci d'avance

Commentaire de Philenain1 le 01/07/2004 14:47:01

Merci pour tt ces compliments :),
Bon alors pour ton pb je sais pas trop(j eu le mm).En fait je charge tt ma page dans une <div></div>.Le problème c'est que la methode inerText ne prend pas en compte le html.La solution k j viens de trouver c de remplacer le innerText par innerHTML dans cette procedure comme ceci:

function menu(toto,NBCO)
{//selon les cases selectionnées renvoi le lien recherché


  if (NBCO==1)
   {
    i=10
    while(TAB1[i-9][1]!=toto.innerText)
{
i=i+1
}//wend
    if (TAB1[i-9][1]==toto.innerText)
   {
    if(TAB1[i-9][2]!="vide")
{
   Afficheur.innerHTML=TABCHAINE[TAB1[i-9][2]]
}//End if
   }//End if
    }//end if


  if (NBCO==2)
   {
    i=10
    while(TAB2[i-9][1]!=toto.innerText)
{
i=i+1
}//wend
    if (TAB2[i-9][1]==toto.innerText)
   {
    if(TAB2[i-9][2]!="vide")
{
   Afficheur.innerHTML=TABCHAINE[TAB2[i-9][2]]
}//End if
   }//End if
    }//end if


  if (NBCO==3)
   {
    i=10
    while(TAB3[i-9][1]!=toto.innerText)
{
i=i+1
}//wend
    if (TAB3[i-9][1]==toto.innerText)
   {
    if(TAB3[i-9][2]!="vide")
{
   Afficheur.innerHTML=TABCHAINE[TAB3[i-9][2]]
}//End if
   }//End if
    }//end if
}//end sub

Ensuite tu n'as plus qu'a mettre du HTML dans ton tableau qui contien ce que tu affiche (ici TABCHAINE) comme des balises image, des liens,.........

sinon je ne voit pas trop d'autres solutions.....
si tu trouve de ton coté pose un msg :)


sur ce BONNE PROG A TOUS!! :)

Commentaire de quitues le 01/07/2004 19:32:29

opopop avant de s'embaler il faut savoir que ce menu ne fonctionne pas sur Mozilla 1.7 .... c'est assez triste

Commentaire de Philenain1 le 02/07/2004 08:06:54

Ben je ne sait pas de quoi tu parle a mon avis ca doit etre un explorateur internet..... Si c'est le cas c normal parce que j'ai fai ce menu pour ie5 donc je ne sait meme pas si ca marche sur netscape ou autre.Pour etre franc ca m'a gaver de faire une appli "multi-explorer" :p.
bonne prog a tous =))

Commentaire de volnay le 02/07/2004 11:16:10

Bon code, intérressant pour son coté facilement parametrable.
pour IE uniquement.

Commentaire de tryskehl le 02/07/2004 14:14:37

Bon code

Tu peux améliorer l'aspect de la souris en utilisant cursor:pointer dans ta feuille de style (je ne sais pas si tu le savais).

Commentaire de ronan972 le 04/07/2004 02:52:48

le code est bien commenté mais il est seulement vertical et l'initialisation des valeurs est tros lineaire:
////////////////////////////////////////////////////////////////////////////////
/////COLONE1                       /////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
TAB1[1][0]='depart';
TAB1[2][0]='depart';
TAB1[3][0]='depart';
TAB1[4][0]='depart';
TAB1[5][0]='depart';
TAB1[6][0]='depart';
TAB1[7][0]='depart';
TAB1[8][0]='depart';
TAB1[9][0]='vide';
TAB1[10][0]='vide';

et je croi qu'il faut changé sa taille quel part (g seulement survolé le code)

pour le curseur comme tryskehl mais j'aurais utilisé
<td style="cursor: hand">

sinon il marche vraiment tres bien

Commentaire de ronan972 le 04/07/2004 03:16:28

http://www.hotscripts.com/Detailed/22833.html

si tu veut d'autre idées pour ton menu

Commentaire de Philenain1 le 05/07/2004 08:14:47

Salut a tous,
pour répondre a ronan972, je ne comprend pas ce que tu veut dire par "trop verticale"(ptet normal apres 3 jours de lan non stop) sinon à l'initialisation des valeurs tu met ce que tu ve.En fait dans mon algo je me sert de cette colonne pour savoir quoi et ou l'afficher,a priori cette colonne ne sert donc a rien pour la premiere colonne mais laffichage des div ne se fait que si cette valeur est différente de 'vide'  .Ca peut te permettre de masquer certains menu en fonction de l'utilisateur si tu le couple avec du php(mode admin par exemple).Sinon merci j vais regarder l'histoire de la souris c vrai que c'est pas génial le curseur de texte sur mes bouttons :p.
sur ce bonne prog a tous!! :)

Commentaire de mumu64 le 25/08/2004 16:43:18

une question : est ce qu'on peut le mettre en horizontal ton menu ?

Merci...

Commentaire de Philenain1 le 25/08/2004 16:54:42

ouai mais il fau remanier pas mal le code car il est prévu pour un affichage du type windows.A mon avis si tu ve faire un menu déroulant horizontal il vaut mieu k tu reface ton propre code a ta sauce .Ssinon tu va galerer pr reprendre c k j'ai fait.Mais pour répondre a ta question c possible...

Commentaire de ALDOlivier le 06/12/2004 02:53:06

Salut et merci pour le code
juste une petite question:
y'a t'il un moyen de ne pas créer de confusion lorsque 2 menus portes le meme nom?
heu... c'est peut etre pas tres claire ca!!
example:

-photos   -> 2004
               -> 2003
-Textes   -> 2004
               -> 2003

si l'on "survol" textes 2004, ca selectionne aussi photos 2004.

sinon c'est exactement ce que je voulai merci encore

Commentaire de Philenain1 le 08/12/2004 22:01:20

Oui en fait il suffit d'ajouter un espace a la suite de ta chaine de caractère pour les différancier:

photos   -> "2004"
               -> "2003"
-Textes   -> "2004 "
               -> "2003 "

voila

Bonne prog a tous=)

Commentaire de ALDOlivier le 09/12/2004 19:37:04

Merci beaucoup pour la reponse
c'est vrai que c'est assez simple comme solution.......
@+

Commentaire de Coralsnake le 25/12/2004 02:28:34

peut tu m'envoyer ton codes par mail car on me demade de m'inscrire à un truc pour l'avoir

coralsnake_@hotmail.com

merci

Commentaire de Philenain1 le 25/12/2004 21:53:42

Il faut kliker sur "telecherger le fichier zip" et pas sur les autre lien. Si ca te créé tjs de pbs dit le jessairai de retrouvé la source ds mon bordel.

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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,546 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales