begin process at 2010 02 09 17:51:11
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > "MENU ROLLOVER V3" ET "MENU CONVIVIAL EFFET GARANTI V2"

"MENU ROLLOVER V3" ET "MENU CONVIVIAL EFFET GARANTI V2"


 Information sur la source

Note :
8,87 / 10 - par 23 personnes
8,87 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :14/01/2004 Date de mise à jour :02/12/2004 17:53:13 Vu / téléchargé :30 838 / 3 374
Auteur : LiBe444

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

 Description

Cliquez pour voir la capture en taille normale
Ce script concerne ceux qui souhaitent créer un site esthétique en un rien de temps.

Il s'agit d'un système de menus rangés par rubriques que l'on peut à loisir réduire, dérouler, re-réduire, etc...

L'archive contient trois fichiers html : Celui qui contient le script (le menu), la page d'accueil de droite (à remplir), et la page index.html (à remplir) à deux frames.

URL DE DEMO : http://www.petits-gateaux.new.fr pour la V2.
Pour la V3, il y a mon site personnel.

Mise à jour de novembre 2004 : la V3 permet d'explorer les entrées du menu sans cliquer sur l'icone.
Attention : la fonction de changement de menu est hasardeuse : il se peut que plusieurs menus s'affichent en même temps...

J'ai gardé la version 2 pour ceux qui la préfèrent.

A noter que la version 3 est plus claire : valide HTML 4.01 transitionnal et plus concise (par fonctions d'affichage)

Source

  • All 'n zip! (décompresser les images dans le dossier images)
All 'n zip! (décompresser les images dans le dossier images)

 Conclusion

Changer les titres des rubriques et des liens dans le fichier menu.htm (dans la zone à editer).

 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


 Historique

11 novembre 2004 19:41:55 :
Ajout d'une version 3
18 novembre 2004 22:04:41 :
Améliorations minimes (images floutées et affichage compatibles mozilla)
23 novembre 2004 23:02:17 :
Une erreur s'est glissée dans la V2 (personne ne s'en est aperçu ?)
26 novembre 2004 22:29:13 :
Améliorations au niveau graphique et compatibilité firefox.
26 novembre 2004 22:58:39 :
Il est maintenant théoriquement impossible d'obtenir deux menus ouverts en même temps dans la V3. Mais ATTENTION, c'est instable !
02 décembre 2004 16:56:48 :
Correction d'un problème à l'affichage et compression des images gif
02 décembre 2004 17:42:49 :
Peaufinage du fichier d'image tête.
02 décembre 2004 17:53:13 :
Très légère simplification du script.

 Sources du même auteur

Source avec Zip Source avec une capture DES POPUPS XP MEME SANS WINDOWS XP
Source avec Zip Source avec une capture MOBY BROS : L'AVENTURIER DES ÉTOILES
Source avec Zip Source avec une capture .:[CASSE-BRIQUES]:. DEBUGGE
Toutes les sources de LiBe444

 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 LiBe444 le 14/01/2004 22:34:13

Réactions attendues :-))

Commentaire de LiBe444 le 15/01/2004 11:53:27

Quelle sévérité LOL !
7/10 ??
pas plus?

Commentaire de Inekman le 15/01/2004 13:17:32

Génial ton menu. bravo 9/10

Inek.

Commentaire de LiBe444 le 15/01/2004 19:37:16

Merci, ça fait chaud au coeur!

Commentaire de LiBe444 le 15/01/2004 19:45:13

Il est prévu d'adapter ce script aux anciennes versions de Netscape (même si aucune erreur n'est produite)

Commentaire de lorrhyde le 19/01/2004 16:49:31

Super  !
Il ne manque qu'une seule chose !
pouvoir choisir si les menus sont ouverts ou fermes.

mais à part ca c'est la grande classe

Commentaire de LiBe444 le 22/01/2004 18:29:16

et voila

Commentaire de grappa le 25/01/2004 07:19:03

genial ;o)

Commentaire de darknat le 03/02/2004 14:00:52

Trés bon et pas encombrant. En un mot SUPER !  :-)

Commentaire de LiBe444 le 13/02/2004 14:43:16

ca y est on se réamuse à rebaisser ma note... Argumentez, ne faites pas que me critiquer !!!!!!!!!!!!!!!!!!!!!!!!!!

Commentaire de LiBe444 le 21/02/2004 22:42:08

Eh soyez gentils, ne me descendez pas trop svp !

Vous ne participez pas à la discussion et vous me critiquez?

C'est petit, tout ça (microscopique même) !

Commentaire de chodo le 28/03/2004 14:51:04

Comment faire pour changer la police et la taille du texte
Merci
Sinon script nikel!!

Commentaire de LiBe444 le 29/03/2004 22:13:13

eh bien tout simplement avec la balise <font size=4 color=red> au niveau des liens (tableau content)

Dans l'exemple, la police sera plutôt grosse  4 et en rouge "red"

Bon courage,

Commentaire de webman21600 le 23/07/2004 10:16:12

salute, génial ton menu, sur tout ceux que j'ai essayé pour l'instant, c'est le meilleur, bravo!!
ps : Leris commence à me gonfler !!(j'ai vu qu'il t'avait fait chier sur une autre source, il est lourd il attaque tout le monde sans savoir!!!!!)

Commentaire de LiBe444 le 28/07/2004 22:13:06

D'acc, alors s'il m'a pas choisi comme son bouc, et que c'est plutôt lui le bouff.. , l'honneur est rétabli.
Merci de me l'avoir précisé

Commentaire de webman21600 le 29/07/2004 09:15:59

de rien!!!

Commentaire de tempusus le 29/07/2004 09:55:33 administrateur CS

hum très bon script que je vais m'empresser d'installer sur mon site :)

8/10

Cordialement

Tempusus
admin CS

Commentaire de tempusus le 01/08/2004 01:16:23 administrateur CS

j'ai un petit soucis: lorsque le menu est sur reduced par defaut, l'image ne s'affiche pas...

voila mon code:

<script>
//spécifiez ici le nombre de rubriques à faire afficher
nb=5;                                

//donnez ici des titres à vos rubriques
title=new Array("Akro-Net","Se connecter?","Outils Web", "Un peu d'aide?", "Nos jeux");

//donnez ici le contenu des rubriques (i.e. les liens)
content=new Array("<a href='passions/skate.htm' target='left'>Le skateboard</a><br><a href='passions/music.htm' target='left'>La musique</a><br><a href='passions/etudes.htm' target='left'>Mes études</a><br><a href='passions/info.htm' target='left'>Et l'informatique !</a><br>","<a href='http://www.yahoo.fr' target='left'>Recherche</a><br><a href='http://www.javascriptfr.com' target='left'>Du javascript!</a><br><a href='http://www.po-et.new.fr' target='left'>Un site étudiant</a><br><a href='http://www.caramail.com' target='left'>Rencontrer</a><br>","<a href='mailto:moi@cmoi.com'>M'envoyer un mail</a>");
      
//donnez ici le status de vos rubriques au démarrage de la page (reduit=reduced, développé=developped)
actual_status=new Array("developped","reduced","developped","developped","developped");
  
//FIN DE ZONE A EDITER

document.write('<table height="105%" width="32" style="position:absolute;top:0px;left:0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#99cc99,endColorStr=#0071BD)"><tr><td class=menug></td></tr></table>');for (i=0;i<nb;i++){title[i]='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+title[i];if (actual_status[i]=="developped"){document.write('<div id="menu'+i+'"><table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class=menug colspan="2" background="menu/head.gif">&nbsp;<img src="menu/up.gif" alt="Cliquer ici pour réduire ce menu" onclick="javascript:reduce('+i+');"><b>'+title[i]+'</b></td></tr><tr height="120"><td class="menug" background="menu/border.gif" width="13">&nbsp;</td><td width="187" class="menug" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99CC99,endColorStr=#0071BD)"><blockquote>'+content[i]+'</blockquote></td></tr></table></div><br>');}else{document.write('<div id="menu'+i+'"><table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td colspan="2" class="menug" background="images/head.gif">&nbsp;<img src="menu/down.gif" alt="Cliquer ici pour dérouler ce menu" onclick="javascript:roll('+i+');"><b>'+title[i]+'</b></td></tr></table></div><br>');}}i=0;function reduce(which){if (i==0){document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/up.gif" alt="Cliquer ici pour réduire ce menu" onclick="javascript:reduce('+which+');"><b>'+title[which]+'</b></td></tr><tr height="120"><td class="menug" background="menu/border.gif" width="13">&nbsp;</td><td class="menug" width="187" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99CC99,endColorStr=#0071BD)"></td></tr></table>';i=1;}else{document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/up.gif" alt="Cliquer ici pour réduire ce menu" onclick="javascript:reduce('+which+');"><b>'+title[which]+'</b></td></tr><tr height="'+(120-i)+'"><td class="menug" background="menu/border.gif" width="13"></td><td class="menug" width="187" bgcolor="white" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99CC99,endColorStr=#0071BD)"></td></tr></table>';i+=8;}if (i<120){setTimeout("reduce("+which+")",1);}else{i=0;document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/down.gif" alt="Cliquer ici pour dérouler ce menu" onclick="javascript:roll('+which+');"><b>'+title[which]+'</b></td></tr></table>';}}function roll(which){if (i==0){document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/down.gif" alt="Cliquer ici pour dérouler ce menu"><b>'+title[which]+'</b></td></tr></table>';i=1;}else{document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/down.gif" alt="Cliquer ici pour dérouler ce menu" onclick="javascript:roll('+which+');"><b>'+title[which]+'</b></td></tr><tr height="'+i+'"><td class="menug" background="menu/border.gif" width="13"></td><td class="menug" width="187" bgcolor="white" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99CC99,endColorStr=#0071BD)"></td></tr></table>';i+=8;}if (i<120){setTimeout("roll("+which+")",1);}else{i=0;document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40"><td class="menug" colspan="2" background="menu/head.gif">&nbsp;<img src="menu/up.gif" alt="Cliquer ici pour réduire ce menu" onclick="javascript:reduce('+which+');"><b>'+title[which]+'</b></td></tr><tr height="120"><td class="menug" background="menu/border.gif" width="13">&nbsp;</td><td class="menug" width="187" bgcolor="white" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99cc99,endColorStr=#0071BD)"><blockquote>'+content[which]+'</blockquote></td></tr></table>';}}
</script>


D'ou cela peut il venir?

Cordialement

Tempusus

Commentaire de LiBe444 le 01/08/2004 14:29:11

Là en fait tu as placé la bordure du côté gauche de la frame, ce qui cache partiellement les menus et surtout (hélas) les boutons réduire et développer. Ce que je te conseille, c'est une petite balise <blockquote> avant le for ou un style avec la position de tes menus pour qu'ils soient accessibles.

Commentaire de tempusus le 01/08/2004 14:34:06 administrateur CS

comment ça?

Cordialement

Tempusus

Commentaire de LiBe444 le 01/08/2004 14:45:02

J'avais placé un tableau en dégradé du côté droit de la fenêtre et le source que tu m'as proposé a ce tablau du côté gauche et il empiète carrément sur les menus... essaies dans un premier temps de virer cette bordure et de voir ce que ça donne.

Cordialement

PS:Avoir un vote d'admin est la meilleure des reconnaissance pour moi, merci!

Commentaire de tempusus le 01/08/2004 14:50:45 administrateur CS

hum en effet, j'ai une case en haut à gauche de ma page, dont je voudrait bien me debarrasser ^^

j'avais pas vu ça à l'origine. comment je peut le virer?

Commentaire de LiBe444 le 01/08/2004 16:01:10

tu peux enlever ça  momentanément : document.write('<table height="105%" width="32" style="position:absolute;top:0px;left:0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#99cc99,endColorStr=#0071BD)"><tr><td class=menug></td></tr></table>');

Commentaire de tempusus le 01/08/2004 16:03:43 administrateur CS

ça ne resoud mal'heureusement pas le probleme des images ne s'affichant pas en mode reduced :'(

Tempusus

Commentaire de LiBe444 le 01/08/2004 19:07:48

ah en effet je vois de quoi tu parles maintenant

Commentaire de LiBe444 le 01/08/2004 19:19:05

Donc je m'orienterai vers une erreur exterieure et je te propose une meilleure solution : fragment ton fichier en frame... on peut imaginer par exemple à gauche l'url trame800.php?pge=menu et à droite trame800.php?pge=accueil...
Apparemment, le browser a du mal à comprendre cette page car en fait, si je comprends bien, ta page est structurée en tableaux dans des tableaux...
Ce que j'ai simplement fait, c'est que je n'ai gardé que ma partie et j'ai testé... Malheureusement pour toi, ça fonctionne bien ;-)
voilà et merci d'utiliser mon script !

Commentaire de tempusus le 01/08/2004 19:27:51 administrateur CS

hum le soucis c que meme le ficheir seul ça ne marche pas...

à partir où je modifie la couleur et que je rajoute les class, c foutu :'(

Va falloir que je cherche un autre menu si ça ne marche pas...

Cordialement

Tempusus

Commentaire de LiBe444 le 03/08/2004 19:11:38

Bon là le script marche...
Qu'as tu décidé ?

Commentaire de tempusus le 03/08/2004 21:58:35 administrateur CS

j'ai rien décidé pour le moment :)

apparement ça marche pas partout.

Mais il me plait bien :)

Tempusus

Commentaire de LiBe444 le 05/08/2004 16:41:32

(pensée personnelle :)
C'EST VRAIMENT LE MEILLEUR DE TOUS MES SCRIPTS !

Commentaire de echangerp le 13/09/2004 16:16:25

Bonjour, Je viens d'installer votre superbe script sur mon site en construction. Je suis confronté à 2 problèmes (pour le moment...) Tout d'abord je précise que j'ai mis le script dans une frame "sommaire" large de 200 px. Le menu ne se colle pas tout à fait au bord gauche, mais surtout il y a une marge grisée à droite qui génère un "ascenceur horizontal" du plus mauvais effet...
L'autre soucis est si le titre de ma rubrique principale fait plus de 8 lettres, ça brouille pass mal le coté agréable à l'oeuil du menu. Ou puis-je modifier la taille des caractères et est-ce possible de ne le faire que sur une ou deux rubriques ou est ce que ça s'applique automatiquement à tous les titres ?

Si besoin, je peux vous donner l'accès à mon site (il n'est pas encore en ligne) sur mon serveur.

Merci pour votre aide et bravo pour ce beau menu...

Christian.

Commentaire de echangerp le 14/09/2004 11:44:47

Re-Bonjour,

Depuis hier et mon premier mesage, j'ai pas mal "bidouillé" votre script pour l'adapter à mon site et j'ai résolu les deux "problèmes" que j'évoquais plus haut...
Par contre il m'en rest un que j'ai du mal à régler :
j'ai modifier la largeur de l'image "head.gif" à 150px afin de réduire la largeur du menu. J'ai ensuite trouvé comment modifier la largeur du tableau pour éviter la répétition de l'image. j'ai réduit la taille de la bordure grisée qui apparaissait sur la droite et j'ai modifié son emplacement. pour finir je lui ai attribué la couleur de mon fond aussi bien au début qu'a la fin du dégradé ce qui fait qu'on ne la voit plus...
J'ai modifié la taille de la police des en-tête de menu pour qu'ils ne dépassent plus. bref tout va presque bien... Le soucis est pour l'intérieur des menus (la partie qui apparait lorsqu'on clique sur la flèche). Comment modifier la largeur attribuée à la ligne/cellule ? car tous mes titres en deux mots se retrouvent sur deux lignes...

Merci et encore bravo...

Christian.

Commentaire de LiBe444 le 14/09/2004 17:12:18

Bonjour echangerp,
Merci de l'interêt porté à ce script...

Ceci relève d'un changement de valeurs dans votre fichier menu.htm.

Pourriez vous m'en donner l'adresse afin que j'effectue la correction?

A votre service,
LiBe444

Commentaire de echangerp le 16/09/2004 18:54:11

Je vous ai envoyé un mail directement via votre site, mais toujours pas de réponse. Est-ce que vous l'avez eu ? Si vous êtes sur skype, on peut peut etre en parler directement de vive voix...

Christian.

Commentaire de LiBe444 le 18/09/2004 19:09:33

Bonjour, cette idée de rollover est EXCELLENTE !
Chaque chose en son temps, je vais d'abord voir de quoi il en retourne (concernant votre site)

A très vite,
LiBe444

Commentaire de LiBe444 le 18/09/2004 19:44:50

Re.
La largeur des menus étant diminuée, j'ai du trouver une parade : un plus faible espacement en lieu et place du <blockquote>.
Ma solution sera dans 5 minutes par e-mail.
@+

Commentaire de LiBe444 le 07/11/2004 16:35:26

Héhé !! 10000 visites ! Waoouh ! Que je suis populaire maintenant !

Commentaire de fg85 le 20/11/2004 00:18:27

Script ok , bon script .
Note 8/10 (il manque 2/3 options , à toi de voir)

Commentaire de LiBe444 le 22/11/2004 12:45:54

"Ce script concerne ceux qui souhaitent créer un site esthétique en un rien de temps."
Le mot d'ordre est la simplicité.
Tout est dit. Il n'y a donc pas d'options à rajouter.

Remarque tout dépend en fait...
...que proposes-tu comme amélioration?

Commentaire de echangerp le 22/11/2004 14:06:56

Hello,

Je vennais voir si tu avais avancé en ce qui concerne l'adaptation de ton script en "rollover" ?

Merci,

Christian.

Commentaire de LiBe444 le 23/11/2004 20:21:54

Ravi de revoir un habitué...
Et bien c'est fait !
Dans la V3 !

Bon courage pour l'adaptation !

Commentaire de echangerp le 23/11/2004 21:17:40

OK merci...

Je vais voir si j'arrive à m'en sortir...

Commentaire de echangerp le 24/11/2004 07:58:55

Salut, je suis en train d'essayer d'adapter le menu, mais j'ai juste une petite remarque (pas une critique, juste une remarque lol).

Ce serait plus "fonctionnel" si chaque rubrique du menu se refermait lorsque la souris quitte le menu et non quand elle va sur une autre rubrique... ça éviterait peut être l'ouverture "intempestive" d'autres rubrique et surtout ça éviterait de chercher les rubriques avec l'ascenceur lorsque l'on en a plus de 5 ou 6.

ceci dit, merci pour ton boulot...

Christian.

Commentaire de LiBe444 le 24/11/2004 11:17:20

Bonjour,

C'est d'abord ce que j'ai essayé avant de me rabattre sur cettte V3.
Mais approchez vous d'un lien et le menu se referme avant d'avoir eu le temps de dire "ouf!"
La fonction de changement de menu est hasardeuse...
Je ne vois pas comment le changer à part si l'on m'y aide...
Désolé.

Lionel.

Commentaire de LiBe444 le 26/11/2004 23:00:03

Bonjour Christian,
j'ai trouvé un moyen de remedier à ce problème, cf la nouvelle V3...
Résultat concluant?

Salutations,
Lionel.

Commentaire de echangerp le 06/01/2005 07:44:23

Salut Lionel.

Mon site marche bien maintenant, un copain a trouvé une solution pour l'alignement des sous menus.
Tu peux le voir sur le site http://mathailande.free.fr

Christian.

Commentaire de LiBe444 le 08/01/2005 14:28:55

Bonjour christian,
c'est bien, néamoins, le site n'est plus à jour ; il faudrait une rubrique consacrée aux derniers (malheureux) evenements dans cette région !

Cordialement,
Lionel

Commentaire de echangerp le 09/01/2005 16:53:45

Je comprends ton point de vue, mais mon site n'a pour oblet que de donner des infos et des bons plans sur les endroits que j'ai visité.

Je n'ai pas encore été dans ce coin là, mais je compte bien y passer en Mars et à ce moment là je ferais part de mes impressions et je donnerais les infos que j'aurais. pour tout le reste, il y a suffisament de site qui parlent de ça pour ne pas en rajouter un....

merci encore...

Chris.

Commentaire de meh le 30/03/2005 02:43:36

Très chouette menu. Bon, j'ai survolé les commentaires, ça clignote sur Firefox, pourquoi? ( franchement, fait ch... parfois ce navigateur ;) )

Commentaire de lilo22 le 06/04/2005 12:36:04

salut superbe script, mais juste une ptte question, qui est de savoir pourquoi on ne peut pas retrecir la largeur des tableaux, sinon vraiment parfait

Commentaire de romain9441 le 06/04/2005 20:52:06

Bonjour, je viens d'avoir ce code, je voudrais mettre un texte long, et quand je le met, un bout du message va à la ligne, comment puis-je résoudre ce problème ???
Merci d'avance !!!!!

Commentaire de LiBe444 le 07/04/2005 20:54:57

Bonjour, pourrais je avoir des exemples visuels ?

(en message privé ou en commentaire comme il vous siait)

Merci.

Commentaire de xXMoPXx le 08/04/2005 14:02:19

Très bien sauf que sous firefox ca scintille lors du deploiement du menu, c'est vraiment pas agreable visuellement :(

Commentaire de overbrave le 29/05/2005 15:30:10

SALUT DIEU du code
J'ai une trouver une chtouille dans ton code (ou alors je l'ai rajouter sans le faire exprè)
J'ai isoler ton script du menu pour le placer sur un page a part.
Mon probleme est le suivant :
1-Lorsque je place mon curseur sur la zone sensible le menu ce deroule corectement
2-Une foi dérouler mon probleme arrive : une bande d'image se rajoute sur le coté droit du tître du menu.
Pourait tu m'expliqué le probleme s'il te plait


<script type="text/javascript">


  nb=2;

  title=new Array( " Les Liens"," Wallpapers");

content=new Array("<a href='http://unreal.com/' target='right'>Unreal.com</a><br><a href='http://www.unrealtournament.com/' target='right'>UnrealTournament.com</a><br><a href='http://unreal.fr/' target='right'>Unreal.fr</a><br>","<a href='wallpapersp.php' target='right'>Creation Perso</a><br><a href='wallpapersf.php' target='right'>Wallpapers</a> ");


var i;

var NbRolling=0;

function DrawReduced(which,title){document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40" onmouseover="ReduceAllExcept('+which+');Action(2,'+which+',0);"><td colspan="2" background="images/head.gif">&nbsp;<img src="images/up.gif" alt="Menu r&eacute;duit"><b>'+title[which]+'<\/b><\/td><\/tr><\/table>';}

function DrawRolled(which,title,content){document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200" onmouseover="ReduceAllExcept('+which+');"><tr height="40"><td colspan="2" background="images/head.gif">&nbsp;<img src="images/down.gif" alt="Menu d&eacute;roul&eacute;"><b>'+title[which]+'<\/b><\/td><\/tr><tr height="120"><td background="" width="5">&nbsp;<\/td><td width="188" bgcolor="#7DAFE1" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#313131,endColorStr=#797979)"><blockquote>'+content[which]+'<\/blockquote><\/td><\/tr><\/table>';}

function InProgress(which,title){document.getElementById('menu'+which).innerHTML='<table border="0" cellspacing="0" cellpadding="0" width="200"><tr height="40" onmouseover="ReduceAllExcept('+which+');Action(2,'+which+',0);"><td colspan="2" background="images/head.gif">&nbsp;<img src="images/progress.gif" alt="Menu en cours d\'actualisation" height="16" width="16"><b>'+title[which]+'<\/b><\/td><\/tr><tr height="'+size+'"><td background="" width="5"><\/td><td width="187" bgcolor="#7DAFE1" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#313131,endColorStr=#797979)"><\/td><\/tr><\/table>';}

function Action(num,which,step)
{
  if(step==0)
  {
    NbRolling++;
  }
  if(NbRolling<=1)
  {
    if(num==1)size=120-step;
    else size=step;
    InProgress(which,title);
    step+=8;
    if (step<120 && NbRolling==1)
    {
      setTimeout("Action("+num+","+which+","+step+")",1);
    }else{
      NbRolling--;
      if(num==1)DrawReduced(which,title,content);
      else DrawRolled(which,title,content);
    }
  }else{NbRolling=1;}
}

function ReduceAllExcept(ThisOne)
{
  for(i=0;i<nb;i++)
  {
    if(i!=ThisOne)
    DrawReduced(i,title,content);
  }
}

for (i=0;i<nb;i++)
{
  title[i]='<font color="white">'+title[i]+'<\/font>';
  document.write('<div id="menu'+i+'"><\/div><br>');
  DrawReduced(i,title);
}
  </script>


Je suis depuis peu inscrit a Codes-source mais après de nombreuses recherches ton script est de loin le meilleur de tous les script de menu!
Très bonne continuation!!

Commentaire de overbrave le 29/05/2005 15:31:23

P.S. : vraiment navré de devoir encombré a page de commentaire pour mon probleme

Commentaire de overbrave le 29/05/2005 16:41:47

J'ai resolu mon porbleme!
En fait c'est seulement que le texte a l'interieur du menu etait plus long que la largeure de limage

Comme solution ou agrandire l'image ou reduie le texte
voila voila

bien le boujou a plus

Commentaire de meh le 29/05/2005 17:33:38

Alors certes c'est bien quand des gens proposent de bons scripts, surtout que pour la plupart moi personnelement j'y arriverais pas :) mais un peu d'humilité tout de même. Et puis on a toujours pas élucidé ce mystère du clignotement/scintillement sur Firefox, qui pour moi serait une raison de ne pas m'en servir, parce-que super désagréable.

biz;)

Commentaire de overbrave le 31/05/2005 15:13:19

En esperant que le mot humilité n'etait pas pour moi car c'etait une petite boutade
-----------------------------------------------------------------------------------

Nouveau probleme avec le javascript de ton menu.
Je ne suis pas sur que le probleme soit reellement liés a ton menu.
Mais je ne reussi pas a mettre deux fois le meme menu ( le tien ) sur un seul page.
Comment faire?

merci d'avance

Commentaire de tanbeo le 04/07/2005 10:49:34

Serait il possible d'afficher le lien d'une page à partir du menu vers un affichage popup ?

Commentaire de LiBe444 le 15/07/2005 10:00:04

Désolé j'ai vraiment la flemme de répondre en plus je ne viens plus trop voir ce code car il a fait son temps...

A toi visiteur intrigué par cette belle note (15,63/10), merci d'augmenter le compteur pour ce code mais ça n'en vaut plus la peine.

Commentaire de LiBe444 le 03/08/2005 21:28:00

Ah zut, on a viré le vote admin... ce n'est pas juste ! Tempusus ?

Commentaire de tempusus le 03/08/2005 21:38:51 administrateur CS

Note modifiée :)

En effet, des 1 et 2 gratuits etaient venus se greffer à ta note et les vote admin ayant été supprimés (pas assez utilisés), mon vote avait sauté :)

j'ai de nouveau voté :)

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Console Microsoft Xbox 360 Elite
Entre 299€ et 300€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

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