Salut tout le monde, je suis en train de faire un petit site web avec Dreamwever (je sais c pas terrible mais je ne m'y connais pas de trop). J'ai trouvé un petit script qui me semblait pas trop mal je vous passe les codes. C'est un petit menu qui se deroule quand on approche le curseur dessus. Le but étant de dégager un menu classique qui bouffe de la place pour rien.
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#6699FF;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<body>
<script language="JavaScript1.2">
var slidemenu_width=160 //specify width of menu (in pixels)
var slidemenu_reveal=12 //specify amount that menu should protrude initially
var slidemenu_top=170 //specify vertical offset of menu on page
var ns4=document.layers?1:0
var ie4=document.all&&navigator.userAgent.indexOf("Opera" )==-1
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((slidemenu_width-slidemenu_reveal)*-1)+'; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
var sitems=new Array()
///////////Edit below/////////////////////////////////
//siteitems[x]=["Item Text", "Optional URL associated with text"]
sitems[0]=["<big><font face='Arial'>Menu du Site</font></big>", ""]
sitems[1]=["lien", "vla mon lien1.htm"]
sitems[2]=["lien2", "vla mon lien2.htm"]
sitems[3]=["lien3", "vla mon lien3.htm"]
sitems[4]=["lien4", "vla mon lien 4.htm"]
//If you want the links to load in another frame/window, specify name of target (ie: target="_new" )
var target=""
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((slidemenu_width-slidemenu_reveal)*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(slidemenu_width-slidemenu_reveal)*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2" ).style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
Mon probleme, c'est que je voudrais qu'il reste fixe a mon ecran et non pas a ma page. Je m'explique... Quand on vient sur ma page et qu'on a besoin de descendre pour aller voir ce qu'il y a d'ecrit plus bas, le menu lui, reste au dessus (quel con ce menu !
).
Comme je sais qu'il y a des pros du code html contrairement a moi, si quelqu'un peut me venir en aide, ca serait cool !
Merci d'avance !!
---------------
chris