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 new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

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

MailingList :
100235 abonnés

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

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     L'écriteau
     Faro-dessing
     Images gifs an...
     Netsources
     Easy-script.com
     Création de site
     Créer son site...
     K i s s design
     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 : 249103
Envois par mail : 2379


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


>> Poster une annotation sur ce script






20 visiteurs
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Infomaniak
Un hebergeur Suisse de qualité à partir de 7.50 € / mois.
http://www.infomaniak.fr/
Cat : Hebergement web
Voir l'annuaire webmaster


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

     LES MEMBRES :
54281 membres
9519 comptes CountUs
1406 comptes myCircle

     LES FORUMS :
14 forums
39052 topics
188233 messages
>> Les forums

    SONDAGE

Utilisez-vous une page d'accueil personnalisable ?
Oui, la page d'accueil de Google (pas le moteur)
Oui, netvibes
Oui, mon Yahoo
Oui, my MSN
Oui, un autre
Non, je n'utilise pas de service de page d'accueil personnalisée
La mini-astuce "PHP / mySQL" du jour par Ultiny
En PHP, pour résoudre des problèmes de developpement, vous avez la possibilitée d'afficher le contenu d'une variable quelque soit son type (array, string, integer, boolean...) de cette mannière :

var_dump($variable); ou encore print_r($variable);
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 06/07/2008 02:17:17 | Design by Studcrea | Gen. en 0.449 sec.