Page
Précédente
Un Menu en Haut de la Page
Copiez le code
ci-dessous dans un éditeur de texte (Notepad,...)
et sauvegardé
en format texte avec sous le nom menu1.js
vous pouvez créer
d'autre menu selon les pages menu2.js, menu3.js, ...
//PLF-http://www.jejavascript.net/
var p_top=1 //hauteur debut du menu
var p_left=1 //distance du bord
var p_wth=200 //largeur
var colorbg = "#000099"; //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]= 'accueil.htm'
menutarget[0]='_self' //ouverture même
page
menutexte[1]= 'Ma Page 1'
menulien[1]= 'mapage1.htm'
menutarget[1]='_self'
menutexte[2]= 'Ma Page 2'
menulien[2]= 'mapage2.htm'
menutarget[2]='_self'
menutexte[3]= 'Ma Page 3'
menulien[3]= 'mapage3.htm'
menutarget[3]='_self'
menutexte[4]='La Cuisine de Ma Copine'
menulien[4]='http://www.lacuisinedemacopine.net'
menutarget[4]='_top' //dans même
page en supprimant les cadres
menutexte[5]='Je JavaScript'
menulien[5]='http://www.jejavascript.net'
menutarget[5]='_blank' //ouverture autre page
menutexte[6]= 'Un Site'
menulien[6]= 'http://www.unsite.com#'
menutarget[6]='_blank'
menutexte[7]= 'Ecrire'
menulien[7]= 'mailto:nous@hotmail.com'
menutarget[7]='_blank'
menutexte[8]= 'Autre Site'
menulien[8]= 'http://www.autresite.com'
menutarget[8]='_blank'
// MENU ....... |
|
Corrigez selon les indications en rouge, puis entrez votre
menu : 3 indications par lien
menutexte[0]= texte du lien
menulien[0]= adresse
menutarget[0]=fenêtre cible
Pour inserer une balise image dans un lien. ex:
menutexte[0]= '<img src="image/image.gif" border="0" width="26" height="29"> ACCUEIL' |
Coller le code
ci-dessous dans votre page Webentre les balises d'entête
<head> ..... </head>
|
<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+'\'" width="'+(screen.width-20)+'"
border=1 bordercolorlight=\''+colorbg+'\'" bordercolordark=#0000FF
><TR>')
var a=0
while (a<menutexte.length) {
document.write('<TD onMouseOut="this.style.background=\''+colorbg+'\'"
onMouseOver="this.style.background=\''+colorsel+'\'"
STYLE="cursor:hand"><div align="center"><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></DIV></TD>');
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>
|
|
La première ligne appelle le menu désiré
: menu1.js / menu2.js /...
<script language="JavaScript" src="menu1.js"></script>
|
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site
