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

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

MailingList :
122578 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     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 : 287120
Envois par mail : 2527


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. . .
De klod06 - le 09-03-2009

Il faut supprimer la directive !DOCTYPE en haut de page pour que les scripts de scroll fonctionnent sous IE.
De bridebonnot - le 09-06-2009

J'ai du apporté une modification, car en sélectionnant _blank, il m'ouvrait deux fois la fenêtre demandée...

En fait j'ai enlevé 'href' et puis c'est tout.

A voir sur le site: http://www.acheter-1-site-internet.com/
De genevoix - le 31-12-2011

bonsoir ,
j'aimerais savoir comment utiliser:
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
gauche5=500
haut5=200
target5 = '_self';

color51 = "#bbbbbb";
color52 = "#cccccc";
color53 = "#fffffff";

menu5titre = new Array;
menu5lien = new Array;
menu5titre[0]='menu';
menu5titre[1]='www.google.com';
menu5lien[1]='lien1';
menu5lien[1]='lien1';
menu5lien[1]='lien1';


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=180><TR> <TD ALIGN=center><FONT FACE="Arial" SIZE=2 COLOR=#FF9900><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>')

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Allopass
Allopass est sans conteste le numero 1 des services audiotel pour votre site en France.
http://www.allopass.com
Cat : Services audiotel
Voir l'annuaire webmaster


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

     LES MEMBRES :
65973 membres
4642 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40359 topics
191688 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 14:27:09 | Design by | Gen. en 0.635 sec.