L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
106668 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Activeartanima...
     L'écriteau
     Faro-dessing
     Le village de ...
     Gifs animés, f...
     Trucs et astuc...
     Electroniq...
     K i s s design
     Les kits graph...
     Easy-script.com
     Les autres
     Votre site ici ?


Menu vertical fixe sur le page

Description

Ce script va vous permettre d'afficher sur votre page un menu qui reste a la même place, même en cas de scroll.


Exemple :

Vous devez voir le menu sur la gauche ... utilisez la barre de scroll sur la droite et descendez dans la page : le menu suit !



Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 4 et +
 Netscape Navigator : 4 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 9/07/2001
Dernière modif : 17/06/2004
Visites de la page : 257248
Envois par mail : 2415


Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Entrez ici la distance en pixels entre le haut de l'écran et le haut du menu
pixels

Entrez ici la distance en pixels entre la gauche de l'écran et le coté droit du menu
pixels

Si votre page utilise des frames, entrez ici le nom du cadre de destination :
(entrez _blank pour ouvrir dans une nouvelle fenetre)


Selectionnez ici la couleur de votre menu:


Selectionnez ici la couleur du texte :


Enregistrement des liens :

Nombres de liens enregistrés : 0
Entrez ici le titre :
(Par exemple : livre d'or, contactez moi, ...) :


Entrez ici le chemin de la page a afficher :
(Par exemple : http://www.monsite.com/mapage.html ou mapage.html ...) :







Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre dans un fichier nommé ejs_menu5.js :



A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre le texte:



Services email :

Je désire recevoir mon script personnalisé 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 hibou.duv - le 29-06-2005

Salut jai edité ce code mais jai quelque souci car celui ci reste a ca place sans suivre le scroll

HELP ME !!

gauche5=10
haut5=100
target5 = '_parent';

color51 = "#7788AA";
color52 = "#99AEDB";
color53 = "#FFFFFF";

menu5titre = new Array;
menu5lien = new Array;

menu5titre[0]= 'accueil'
menu5lien[0]= 'index.htm'
document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+';left:'+gauche5+'; }</STYLE>');

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers

function placeMenu5() {
if (ie4) {menu5.style.pixelTop=document.body.scrollTop+haut5}
else if (ns6) {document.getElementById("menu5").style.top=window.pageYOffset+haut5}
else if (ns4) {eval(document.menu5.top=eval(window.pageYOffset+haut5));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu5()",1);
}

window.onload = placeMenu5;
document.write('<SPAN ID=menu5><table bgcolor=#7788AA border=1 cellspacing=0 cellpadding=3 bordercolorlight=#000000 bordercolordark=#C0C0C0 WIDTH=180><TR> <TD ALIGN=center><FONT FACE="Arial" SIZE=2 COLOR=#FFFFFF><B>Menu</B></FONT></TD></TR>')
for(a=0;a<menu5lien.length;a++)
{
document.write('<TR><TD onMouseOut="this.style.background=\''+color51+'\'" onMouseOver="this.style.background=\''+color52+'\'" STYLE="cursor:pointer" onClick="window.open(\''+menu5lien[a]+'\',\''+target5+'\')"><FONT FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menu5lien[a]+'" TARGET="'+target5+'" STYLE="text-decoration:none;color:'+color53+'">'+menu5titre[a]+'</A></B></FONT></TD></TR>');
}
document.write('</TR></TABLE></SPAN>')


Merci
De dareal - le 06-02-2006

Pareil...

C'est le deuxieme adj, qui peut m'aider Please.
De Desnoes - le 12-05-2006

Il manque effectivement une unité après les valeurs de placement du menu sur la page.

Après avoir modifié le code, le menu fonctionne correctement sous Firefox 1.0.6 (MandrivaLinux)

Les lignes concernées sont :
document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+';left:'+gauche5+'; }</STYLE>');

qui devient
document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+'px;left:'+gauche5+'px; }</STYLE>');


et la fonction placeMenu5 modifiée ainsi :
function placeMenu5() {
if (ie4) {menu5.style.pixelTop=document.body.scrollTop+haut5+"px"}
else if (ns6) {document.getElementById("menu5").style.top=window.pageYOffset+haut5+"px"}
else if (ns4) {eval(document.menu5.top=eval(window.pageYOffset+haut5+"px"));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu5()",1);
}


En espérant vous avoir aidés...
De PAPYGEGE - le 14-04-2007

Bonjour
je viens de prendre ce script, il me convient presque. Je voudrais qu'il puisse bouger verticalement si besoin.
j'ai essayer d'enlever la position absolut dans le script, mais cela décale le menu vers le bas .
merci.
Sinon il fonctionne bien
De magicalmax - le 05-05-2007

Salut ^^
j'ai utiliser ce script et il fonctione a merveille ;p.
je ne m'y connais pas en javascript... j'aimerais savoir si il est possible de faire en sorte que le menu se deplace dans la cellule d'un tableau durant le scroll^^
merci de me repondre.
Voice le Script comme il est en ce moment.
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
gauche5=5
haut5=250
target5 = '_self';

color51 = "#E01707";
color52 = "#FEBF18";
color53 = "#FFFFFF";

menu5titre = new Array;
menu5lien = new Array;

menu5titre[0]= '-->Accueil <--'
menu5lien[0]= 'index_02'
menu5titre[1]= '>Introduction<'
menu5lien[1]= 'introduxtion.htm'
menu5titre[2]= '>Les types d\'énergies<'
menu5lien[2]= 'Types_energie.html'
menu5titre[3]= '+-->La geothermie'
menu5lien[3]= 'geothermie.html'
menu5titre[4]= '+-->La biomasse'
menu5lien[4]= 'biomasse.html'
menu5titre[5]= '+-->L\'énergie éolienne'
menu5lien[5]= 'eolienne.htm'
menu5titre[6]= '+-->Les énergies Hydrauliques'
menu5lien[6]= 'hydraulique.html'
menu5titre[7]= '+-->L\'énergie Solaire'
menu5lien[7]= 'solaire.html'
menu5titre[8]= '<<<--Source Web-->>>'
menu5lien[8]= 'lien_utiles.htm'
document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+';left:'+gauche5+'; }</STYLE>');

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers

function placeMenu5() {
if (ie4) {menu5.style.pixelTop=document.body.scrollTop+haut5}
else if (ns6) {document.getElementById("menu5").style.top=window.pageYOffset+haut5}
else if (ns4) {eval(document.menu5.top=eval(window.pageYOffset+haut5));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu5()",1);
}

window.onload = placeMenu5;
document.write('<SPAN ID=menu5><table bgcolor=#993300 border=1 cellspacing=0 cellpadding=3 bordercolorlight=#000000 bordercolordark=#C0C0C0 WIDTH=200><TR> <TD ALIGN=center><FONT FACE="Arial" SIZE=2 COLOR=#FFFFFF><B>Menu</B></FONT></TD></TR>')
for(a=0;a<menu5lien.length;a++)
{
document.write('<TR><TD onMouseOut="this.style.background=\''+color51+'\'" onMouseOver="this.style.background=\''+color52+'\'" STYLE="cursor:pointer" onClick="window.open(\''+menu5lien[a]+'\',\''+target5+'\')"><FONT FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menu5lien[a]+'" TARGET="'+target5+'" STYLE="text-decoration:none;color:'+color53+'">'+menu5titre[a]+'</A></B></FONT></TD></TR>');
}
document.write('</TR></TABLE></SPAN>')
De erickard - le 04-06-2007

Le code ne fonctionne pas sous IE 6 une fois collé dans la page web de mon site. Pourtant la version affichée en guise d'illustration fonctionne correctement sous Cela aurait-il à voir avec le fait que mon site soit statique alors qu'ici il fonctionne sous PHP ?
De yakusa2008 - le 20-11-2007

Bonjour est il possible sur ce menu de mettre des sous menus.
De claude53a - le 09-12-2007

J'aime ce menu.
MAIS je voudrais que seul l'intitulé de la page visée apparaisse dans le menu et qu'un click sur l'intitulé méne à l'adresse de la page.
Merci
De claude53a - le 11-12-2007

Bonsoir
Ce script est parfait sur Firefox.
MAIS, sur IE7, le menu ne reste pas fixe : il se déplace avec la page.
Et pourtant j'ai remplacé les deux lignes comme indiqué ci-dessus.
Merci
De fanchmat - le 16-02-2008

Bonjour,
Le code marche bien avec Firefox mais pas avec IE6 ou 7.Dans le code ci dessous, Quels paramêtres dois-je modifier?
Peut-on éviter d'avoir les messages demandant d'autoriser les scripts à l'ouverture de IE?
Merci de votre aide
voila mon code:
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
gauche5=20
haut5=200
target5 = '_self';

color51 = "#FF9900";
color52 = "#ffcc00";
color53 = "#888888";

menu5titre = new Array;
menu5lien = new Array;

menu5titre[0]= 'Menu '
menu5lien[0]= 'index.html'
menu5titre[1]= 'Competences'
menu5lien[1]= 'Fichiers/Competences.html'

document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+'px;left:'+gauche5+'px; }</STYLE>');

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers

function placeMenu5() {
if (ie4) {menu5.style.pixelTop=document.body.scrollTop+haut5+"px"}
else if (ns6) {document.getElementById("menu5").style.top=window.pageYOffset+haut5+"px"}
else if (ns4) {eval(document.menu5.top=eval(window.pageYOffset+haut5+"px"));}
if(ie4 || ns6 || ns4)
setTimeout("placeMenu5()",1);
}

window.onload = placeMenu5;
document.write('<SPAN ID=menu5><table bgcolor=#FF9900 border=1 cellspacing=0 cellpadding=3 bordercolorlight=#000000 bordercolordark=#C0C0C0 WIDTH=180><TR> <TD ALIGN=center><FONT FACE="Arial" SIZE=2 COLOR=#888888><B>Menu</B></FONT></TD></TR>')
for(a=0;a<menu5lien.length;a++)
{
document.write('<TR><TD onMouseOut="this.style.background=\''+color51+'\'" onMouseOver="this.style.background=\''+color52+'\'" STYLE="cursor:pointer" onClick="window.open(\''+menu5lien[a]+'\',\''+target5+'\')"><FONT FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menu5lien[a]+'" TARGET="'+target5+'" STYLE="text-decoration:none;color:'+color53+'">'+menu5titre[a]+'</A></B></FONT></TD></TR>');
}
document.write('</TR></TABLE></SPAN>')
De katode - le 06-06-2008

Bonjour,

j'utilisais ce script avec les pages et le script dans le même répéretoire, maintenant je souhaiterais modifier l'arboressence du site et j'ai ma page index et mon script au même endroit et les autres pages dans des sous répertoires. j'ai modifié les liens dans le script cependant lorsque je me trouve dans les pages des sous répertoires cela ne fonctionne plus comment faire pour solutionner ce problème
merci pour votre aide

xavier

De jpol36 - le 31-07-2008

bonjour,
super ce script, ça m'a permis de simplifier ma page d'accueil http://www.torep.fr/neuvy
jpol36.
De jpol36 - le 01-08-2008

bonjour,
j'ai posté hier pour dire que ce script était super...
juste une question : que faut-il rajouter à ce script pour que le lien ouvre une nouvelle fenêtre ? un de mes lien serait mieux comme ça.
merci, jpol36.
De jpol36 - le 01-08-2008

bonjour,
j'ai posté hier pour dire que ce script était super...
juste une question : que faut-il rajouter à ce script pour que le lien ouvre une nouvelle fenêtre ? un de mes lien serait mieux comme ça.
merci, jpol36.
De letroll59 - le 16-11-2008

Bonjour, j'ai adapter le script pour qu'il fonctionne sur mon site avec un autre script qui utilise lui aussi onload, petit probléme peut-être lié je ne sais pas, mon menu ne s'adapte pas sous I.E7 comment je peux corriger cela?
De kerwann - le 07-01-2009

Merci Desnoes pour ta précision qui m'a débloqué sous mozilla. Mais le problème reste entier sous IE qui fait le difficile et me laisse le menu en haut !!!!
Grrr
Dans l'espoir de trouver une solution. . .

>> Poster une annotation sur ce script






27 visiteurs
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Club-Internet
Mon FAI preferé :) Mélange de serieux et des prix attractifs.
http://rejoignez.club-int...
Cat : Haut débit
Voir l'annuaire webmaster


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

     LES MEMBRES :
56132 membres
8368 comptes CountUs
1541 comptes myCircle

     LES FORUMS :
14 forums
39396 topics
189315 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "HTML / CSS" du jour par sadike
Vous ne savez pas trop comment vous y prendre pour faire la mise en forme de votre site en XHTML et CSS? Laissez vous guider par le générateur CSSCreator: http://www.csscreator.com/version2/pagelayout.php
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 08/01/2009 23:35:36 | Design by Studcrea | Gen. en 0.463 sec.