|
Un menu fixe dans une page
Voici un script pour avoir un menu fixe dans une
page. Là où je l'ai trouvé il ne fonctionnait pas et toute les explications
n'étaient pas exectes. Je l'ai donc bricolé ! Je vous le livre garanti
fonctionnant cette fois...
Créer un fichier et l'enregistrer sous
"menu1.js"
Modifiez ce qui est en
rouge.
var p_top=200 //hauteur debut du menu
var p_left=1 //distance du bord
var p_wth=100 //largeur
var colorbg = ""; //couleur de fond
var colorlien = "#FFFFFF"; //couleur du texte
var colorsel = "#839983"; //couleur selection
menutexte = new Array;
menulien = new Array;
menutarget = new Array;
// MENU .......
menutexte[0]= 'ACCUEIL '
menulien[0]= 'http://10moi.fr/'
menutarget[0]='_top'
menutexte[1]= 'Archives de NEWS '
menulien[1]= 'http://10moi.fr/news/archives.php/'
menutarget[1]='_top'
menutexte[2]= 'ANNUAIRE '
menulien[2]= 'http://10moi.fr/annuaire//'
menutarget[2]='_top'
menutexte[3]= 'PREVENTION '
menulien[3]=
'http://www.10moi.fr/DOSSIERS/accueil_prevention_ecjs.php/'
menutarget[3]='_top'
menutexte[4]= 'dossiers '
menulien[4]= 'http://www.10moi.fr/DOSSIERS/sommaire_dossiers.php/'
menutarget[4]='_top'
menutexte[5]= 'FAQ '
menulien[5]= 'http://www.10moi.fr/FAQ/index.php/'
menutarget[5]='_top'
menutexte[6]= 'livres '
menulien[6]= 'http://www.10moi.fr/livres/boutiquelivres.php/'
menutarget[6]='_top'
menutexte[7]= 'outils '
menulien[7]= 'http://10moi.fr/outils_de_prevention/index.php/'
menutarget[7]='_top'
menutexte[8]= 'INFORMATIQUE '
menulien[8]= 'http://10moi.fr/LogicielsEnLigne/accueil_informatique.php/'
menutarget[8]='_top'
menutexte[9]= 'outils '
menulien[9]= 'http://10moi.fr/LogicielsEnLigne/categories.php/'
menutarget[9]='_top'
// MENU .......
|
et placer dans le body
:
Attention : il faut que le fichier menu1.js soit
dans le même dossier sinon cela ne
fonctionne pas sous Internet Explorer ! Je me suis fait avoir et j'en veux
au site sur lequel je l'ai trouvé de ne pas avoir placé un avertissement.
Quelle perte de temps !
<script language="JavaScript"
src="menu1.js"></script>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
window.onload = pos_menu;
document.write('<SPAN ID="menu" style="position:absolute;top:'+p_top+';left:'+p_left+';"><table
bgcolor=\''+colorbg+'\'" border=12 bordercolorlight=\''+colorbg+'\'"
bordercolordark=#0000FF WIDTH='+p_wth+'><TR> <TD ALIGN=center><FONT
FACE="Verdana, Arial" SIZE=3 COLOR="'+colorlien+'"><B>Menu</B></FONT></TD></TR>')
var a=0
while (a<menutexte.length) {
document.write('<TR><TD onMouseOut="this.style.background=\''+colorbg+'\'"
onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><FONT
FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'"
STYLE="text-decoration:none;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></TD></TR>');
a++;
}
document.write('</TR></TABLE></SPAN>')
ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function pos_menu() {
if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top}
else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
if(ie4 || ns6 || ns4)
setTimeout("pos_menu()",1);
}
//-->
</script>
|
| 
