|
|
|
 |
| > Problème pour un menu en Javascript |
[ Posté par edengall ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-10-2009 à 15:01 | 1 messages ]
J'ai trouvé un script de menu en Javascript sur Internet. Malheureusement, n'étant pas très doué en Javascript, je ne sais pas comment le modifier à ma guise  . Je cherche à égaliser les "cadres" des quatre liens, et non qu'ils dépendent de la longueur du texte qu'ils contiennent.
Est-ce possible ?? Merci pour votre aide
Menu1.JS :
var p_top=1 //hauteur debut du menu
var p_left=0 //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;
menutexte[0]= 'Accueil'
menulien[0]= 'Index.html'
menutarget[0]='_self' //ouverture même page
menutexte[1]= 'Conférences'
menulien[1]= 'conf.html'
menutarget[1]='_self'
menutexte[2]= 'Voyages & Week-end'
menulien[2]= 'voyage.html'
menutarget[2]='_self'
menutexte[3]= 'Agenda'
menulien[3]= 'agenda.html'
menutarget[3]='_self'
|
|
Code entre les balises <HEAD> et </HEAD> :
<html>
<head>
<title> menu </title>
<script language="JavaScript" src="menu1.js"></script>
<script language="JavaScript">
<!--
window.onload = pos_menu;
document.write('<SPAN ID="menu" style="position:absolute;top:'+p_top+';left:'+p_left+';"><table bgcolor=\''+colorbg+'\'" width="'+(screen.width-0)+'" border=3 bordercolorlight=\''+colorbg+'\'" bordercolordark=#0000FF width="100%" height="30"><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="Calibri, Verdana, Arial" SIZE=6><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>
</head>
</html>
|
|
|
|
[ Posté par leris ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 28-10-2009 à 18:49 | 1485 messages ]
Salut,
franchement pour un menu aussi simple, pas besoin d'un script aussi vieillot (perimé).
html et css suffisent, pour un resultat surement meilleur.
L.
________________
__(^[-_-]^)__
-*(_)^*^(_)*-
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
