Page 1 sur 1

menu qui devrait ne pas bouger

Posté : 06 janv. 2006, 18:51
par gregk81
Salut,

J'ai trouvé un petit script de menu qui est censé resté en place meme en cas scroll. Oui mais voila, ce menu est un peu trop immobile.

Code : Tout sélectionner

/* SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ gauche5= haut5= target5 = '_self'; color51 = "#7788AA"; color52 = "#99AEDB"; color53 = "#FFFFFF"; menu5titre = new Array; menu5lien = new Array; menu5titre[0]= 'ergerg' menu5lien[0]= '#1' menu5titre[1]= 'zefzefez' menu5lien[1]= '#2' 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>')
Quelqu'un à la solution pour le rendre "mobile" et qu'il reste la ou je veux meme quand on utilise la scrollbar ?

Merci !

Posté : 07 janv. 2006, 00:19
par alexbad
Bon, moi je te recommande d'utiliser un position:fixed;, de cette manière, il restera toujours visible au même endroit (un menu qui suit).

Posté : 07 janv. 2006, 10:27
par Cyrano
Bon, moi je te recommande d'utiliser un position:fixed;, de cette manière, il restera toujours visible au même endroit (un menu qui suit).
Ça ne fonctionnera pas sous IE qui n'accepte position: fixed que pour une image d'arrière-plan malheureusement.

Posté : 08 janv. 2006, 19:20
par Shrell
solution possible:
- refuser le scrolling du body
- placer tout ton contenu dans un div, sur lequel tu autorises le scrolling
- placer ton menu en absolu à l'endroit où tu veux
oui, c'est de la tambouille, mais il faut ce qu'il faut...