Uso questo js per creare un menu che scende insieme alla pagina quando scrollo.
Il problema e' che con la mia risoluzione (1154) lo riesco a visualizzare bene, mentre con altre risoluzioni non lo mette dove dico io.
Come posso fare per vedere questo menu sempre allineato correttamente?
l'esempio e' qui www.ischiainhotel.it/index2.php
il js e' questo
codice:
function invis(){
var s_width ='';
var s_height ='';
s_width=screen.width
s_height=screen.height
if (s_width == "640"){
document.getElementById("object1").style.display="none";
}
if (s_width == "800"){
document.getElementById("object1").style.display="none";
}
if (s_width == "1024"){
document.getElementById("object1").style.display="block";
}
if (s_width == "1152"){
document.getElementById("object1").style.display="block";
}
if (s_width == "1280"){
document.getElementById("object1").style.display="block";
}
}
function setVariables(){
px="+'px'";
if (navigator.appName == "Netscape") {
if (parseInt(navigator.appVersion) >= 5){
v=".top=";
h=".left=";
dS="document.getElementById(\"";
sD="\").style";
y="window.pageYOffset";
x="window.pageXOffset";
}
else {
v=".top=";
h=".left=";
dS="document.";
sD="";
y="window.pageYOffset";
x="window.pageXOffset";
px="";
}
}
else {
var validDoc=(document.compatMode && document.compatMode != "BackCompat")?1:0;
h=".left=";
v=".top=";
dS="";
sD=".style";
y=(validDoc)?"document.documentElement.scrollTop":"document.body.scrollTop";
x=(validDoc)?"document.documentElement.scrollLeft":"document.body.scrollLeft";
}
checkLocationA()
}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
object="object1";
yy=eval(y);
xx=eval(x);
ydiff=ystart-yy;
xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
if (ystart>=83){
eval(dS+object+sD+v+(ystart+10)+px);
} else {
eval(dS+object+sD+v+120+px);
}
eval(dS+object+sD+h+115+px);
setTimeout("checkLocation()",10);
}
function checkLocationA(){
ystart=eval(y);
xstart=eval(x);
}
function toggleInline(t) {
var x = document.getElementById(t).style;
if (x.display == 'inline') x.display = 'none';
else x.display = 'inline';
return false;
}
questo pezzo di codice mi fa mettere il menu bene per la mia risoluzione:
eval(dS+object+sD+h+115+px); (ho provato e alla fine il valore 115 e' esatto per me)
Come posso fare in modo che questo valore cambi a seconda della risoluzione usata?
In pratica il menu che scende deve essere proprio sotto al link nel box verde "i nostri hotel"