Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

new!

Menu horizontal dynamique multicolore

Script posté par :

rf92
Vous aussi, postez vos scripts en cliquant ici.

Description

Ce menu est basé sur le menu dynamique horizontal(http://www.editeurjavascript.com/scripts/scripts_navigation_1_111.php).
La seule différence réside dans l'utilisation de plusieurs couleurs pour les en-têtes de menus et les catégories qui les composent, contrairement au script d'origine où les couleurs sont partout identiques.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 4 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 17/09/2006
Dernière modif : 20/09/2006
Visites de la page : 55229
Envois par mail : 3896

Dernière modification du script :

Le 20/09/2006 : Passage du script dans un fichier .js
>> Voir toutes les modifications effectuées sur ce script.

Exemple :

Le code :

Entre <BODY> et </BODY> :

Dans un fichier nommé ejs_menu_multicolor.js placé dans le même repertoire que votre page :

// http://www.editeurjavascript.com/forum/topic,7,39784,0.html
// http://www.editeurjavascript.com/scripts/scripts_navigation_1_111.php
bgcolor='#006699';
bgcolor0='#E9967A'; //CC0000';
bgcolor1='#FF69B4'; //CC0000';
bgcolor2='#FF6347'; //CC0000';
bgcolor3='#48D1CC'; //CC0000';
bgcolor4='#FFA500'; //CC0000';
bgcolor5='#BC8F8F'; //CC0000';
bgcolor6='#00FF00'; //CC0000';
bgcolor7='#FFB6C1'; //CC0000';
bgcolor8='#D2691E'; //CC0000';
bgcolor9='#ADFF2F'; //CC0000';

zgcolor = new Array;
zgcolor[0] = '#E9967A'; //CC0000';
zgcolor[1] = '#FF69B4'; //CC0000';
zgcolor[2] = '#FF6347'; //CC0000';
zgcolor[3] = '#48D1CC'; //CC0000';
zgcolor[4] = '#FFA500'; //CC0000';
zgcolor[5] = '#BC8F8F'; //CC0000';
zgcolor[6] = '#00FF00'; //CC0000';
zgcolor[7] = '#FFB6C1'; //CC0000';
zgcolor[8] = '#D2691E'; //CC0000';
zgcolor[9] = '#ADFF2F'; //CC0000';

/*
LIENS
*/

zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="www.geocities.com/simulationdehockey16/reglement" CLASS=ejsmenu>Reglement</A>';
zlien[0][1] = '<A HREF="www.geocities.com/simulationdehockey16/inscription" CLASS=ejsmenu>Inscrition</A>';
zlien[0][2] = '<A HREF="www.geocities.com/simulationdehockey16/listedg" CLASS=ejsmenu>Liste des dg</A>';
zlien[0][3] = '<A HREF="www.geocities.com/simulationdehockey16/infodg" CLASS=ejsmenu>Info des dg</A>';
zlien[0][4] = '<A HREF="www.geocities.com/simulationdehockey16/direction" CLASS=ejsmenu>Direction</A>';
zlien[0][5] = '<A HREF="www.geocities.com/simulationdehockey16/forum" CLASS=ejsmenu>Forum</A>';
zlien[1][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Allignement</A>';
zlien[1][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Player Vitals</A>';
zlien[1][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Finance</A>';
zlien[1][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Prospect</A>';
zlien[1][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Entraineur</A>';
zlien[1][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Trio</A>';
zlien[1][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Transaction</A>';
zlien[1][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Blessures</A>';
zlien[1][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Ballotage</A>';
zlien[2][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Partie du jour</A>';
zlien[2][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Cédule</A>';
zlien[2][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Classement</A>';
zlien[2][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneur PTS</A>';
zlien[2][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs Individuelles</A>';
zlien[2][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs par équipes</A>';
zlien[2][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Statistique equipe</A>';
zlien[2][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 buts</A>';
zlien[2][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 assist</A>';
zlien[2][9] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 PTS</A>';
zlien[3][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Classement</A>';
zlien[3][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneur</A>';
zlien[4][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Gm Editor</A>';
zlien[4][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Fichier de la ligue</A>';
zlien[5][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Hockey Future</A>';
zlien[5][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>HockeyDB</A>';
zlien[5][2] = '<A HREF="www.rds.ca" CLASS=ejsmenu>RDS</A>';
zlien[5][3] = '<A HREF="www.tsn.ca" CLASS=ejsmenu>TSN</A>';
zlien[5][4] = '<A HREF="www.fhlsim.com" CLASS=ejsmenu>FHLsim</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;

function kill()
{
	skn.visibility = "hidden";
}

document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">LIGUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">EQUIPE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">STATISTIQUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">CLUB ECOLE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">TELECHARGEMENT</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor7+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">LIENS</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor8+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">AUTRES</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

Si vous ne savez pas comment créer le fichier ejs_menu_multicolor.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De llx_lvlick_xll - le 13-12-2006

Bonjour, script super je trouve, mais seul prob, comment fait on si on veut mettre plusieurs menu à différente place, car en creer un 2eme .js et en changant le script sur l'index ca change rien, c'est le meme js qui arrive pour les 2. Pouvez vous m'aider svp...

De #:-{)% - le 20-02-2007

a=true dans la fonction pop(msg,pos) peut et devrait être supprimé.

De #:-{)% - le 21-02-2007

JC, STP, A NE PAS METTRE DANS LES ANNOTATIONS
rf92 a 1 blême pour inséré 1 annotation cf: http://www.editeurjavascript.com/forum/topic,14,42003,0.html

De pacopau - le 30-04-2007

Bonjour.

A l'execution de ce script menu horizontal multicolore, il apparaît après la dernière option un trait noir dans l'alignement de la bordure inférieure du menu. Comment la supprimer, car ce script m'intéresse beaucoup.

Merci d'avance

pacopau

De pomme jaune - le 29-12-2007

Bonjour,

Pour ma pars, je n'arrive à centrer le menu dans ma page. je pense que je dois remplacer le mot "absolute" par quelques choses mais je ne sait pas quoi. Un peu d'aide serait la bienvenue.
Cordialement

De ch_m_d - le 01-02-2008

je vous remercie pour ce menu il me plait bien j'aimerai bien l'utilisée

mais comment contourner

document.onclick = kill;

et ne pas obligée l'utilisateur a clicker sur le document pour que le deuxieme tableau soit invisible

De levelkro - le 20-04-2008

Ce script est très flexible, malgré que j'approuve pas la mise en forme du tableau principal, uen fois modifier il peu devenir bien plus beau et performant, meme sans connaitre le JavaScript.

Je l'utilise comme menu du GroupeWare que j'ai eu a faire pour la compagnie pourlaquel je travail, et sa ma value un bonus!

Et sa marche très bien avec PHP pour créé le menu dynamiquement.

De Nodra - le 21-05-2008

je sui nouvelle et je n'y conné trop rien grand chose
quelqun pourrais m'indiquer comment créer un fichier .js?
merçi

De compat - le 04-07-2008

très bien le script
2 probs
1_on ne peut pas rééditer le script dans la pg., ou alors c'est le même
2_avec firefox ça marche à moitié, les sous menus restent à gauche au lieu de suivre les menus
Help! peut-être??

>> Poster une annotation sur ce script

35 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

GratisDomaine
Offre de nom de domaine 100% gratuite !
http://www.gratisdomaine.com/

Cat : Nom de domaine gratuit
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

54728 membres
8702 comptes CountUs
1446 comptes myCircle

LES FORUMS :

14 forums
39151 topics
188601 messages
>> Les forums

SONDAGE

La mini-astuce "PHP / mySQL" du jour par @Rano
Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url :
http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi