Ciao a tutti, sto tentando di modificare questo menù in javascript in modo che rimanga solo il primo div, object1 sul quale poi voglio montarci una serie di link.
Il problema è che dopo la discesa del riquadro verde in cui è contenuto, il div si sposta a qualche pixel di distanza dalla sinistra dello schermo. Io vorrei che rimanesse stabile a 0 px dalla left side dello schermo, ma non riesco a capire dove mettere le mani.
Qualcuno può aiutarmi a risolvere questo problema?
Grazie mille!
codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
<script language='javascript' src='http://127.0.0.1:1025/js.cgi?pca&r=15615'></script>
<script language=javaScript>
function setVariables(){
y1=-50;ob=1;max=20 // this max sets the distance from the top of the page
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";iW="window.innerWidth";iH="window.innerHeight"
}
else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";iW="document.body.clientWidth";iH="document.body.clientHeight"
}
object="object1";
checkLocationA()
}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
// innerX=eval(iW)-115 // place to the right
innerX=21 // controls the horizontal from the left side of the page
// innerY=eval(iH)-35 // place at the bottom
innerY=16 // controls the verticle from the top of the page
if (document.layers){innerY-=10;innerX-=10}
yy=eval(y);
xx=eval(x);
ydiff=ystart-yy;
xdiff=xstart-xx;
if ((ydiff<(-0.01))||(ydiff>(0.01))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-0.01))||(xdiff>(0.01))) movex=Math.round(xdiff/10),xstart-=movex
N=(document.layers)?1:0
V=(N) ? 4:5
if (V==4){
object="object1"
eval(dS+object+sD+v+(ystart+innerY+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object2"
eval(dS+object+sD+v+(ystart+innerY+spread+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object3"
eval(dS+object+sD+v+(ystart+innerY+spread*2+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object4"
eval(dS+object+sD+v+(ystart+innerY+spread*3+10));
eval(dS+object+sD+h+(xstart+innerX+10));
object="object5"
eval(dS+object+sD+v+(ystart+innerY+spread*4+10));
eval(dS+object+sD+h+(xstart+innerX+10));
//eval(dS + objectX + sD + v + y);
}
else{
object=document.getElementById('object1')
object.style.top=ystart+innerY
object.style.left=xstart+innerX
object=document.getElementById('object2')
object.style.top=ystart+innerY+spread
object.style.left=xstart+innerX
object=document.getElementById('object3')
object.style.top=ystart+innerY+spread*2
object.style.left=xstart+innerX
object=document.getElementById('object4')
object.style.top=ystart+innerY+spread*3
object.style.left=xstart+innerX
object=document.getElementById('object5')
object.style.top=ystart+innerY+spread*4
object.style.left=xstart+innerX
//object=document.getElementById('object2')
//object.style.top=50+innerY
//object.style.left=50+innerX
}
setTimeout("checkLocation()",10)}
function checkLocationA(){
ystart=eval(y)+5;
xstart=eval(x)+5;}
spread=40
function scrollOn(){
items=5
if (ob<=items){
objectX="object"+ob;
y1+=10;
N=(document.layers)?1:0
V=(N) ? 4:5
if (V==4){
eval(dS + objectX + sD + v + y1);}
else{
object=document.getElementById(objectX)
object.style.top=y1}
//eval(dS + objectX + sD + v + y);
if (y1<max) xx=setTimeout ("scrollOn()",20)
else y1=-50, max+=spread, ob+=1, xx=setTimeout("scrollOn()",20) // this max sets the spacing
}
if (ob>5){clearTimeout(xx);checkLocation();}
}
</script>
</HEAD>
<body onload="setVariables();scrollOn()" bgcolor="#eeeeee">
<div id="object1" style="position:absolute; visibility:show; left:0px; top:-50px; z-index:2">
<table border=0 width=25 height=25 bgcolor=green><td>
<font size="1" face="MS Sans Serif" color="#800000"><left>The 1st Menu Item</left></font></td></table></div>
<div id="object2" style="position:absolute; visibility:hidden; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="javascript:void" >
<font size="1" face="MS Sans Serif" color="#800000">The 2nd Menu Item</font></a></CENTER></td></table></div>
<div id="object3" style="position:absolute; visibility:hidden; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="javascript:void" >
<font size="1" face="MS Sans Serif" color="#800000">The 3rd Menu Item</font></a></CENTER></td></table></div>
<div id="object4" style="position:absolute; visibility:hidden; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="javascript:void" >
<font size="1" face="MS Sans Serif" color="#800000">The 4th Menu Item</font></a></CENTER></td></table></div>
<div id="object5" style="position:absolute; visibility:hidden; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="javascript:void" >
<font size="1" face="MS Sans Serif" color="#800000">The 5th Menu Item</font></a></CENTER></td></table></div>
</body>
</html>