Hjælp til at vende en menus retning
Hej jeg håber at der er nogle der kan hjælpe mig, jeg har lånt noget kode til en menubar, som består af nogle <div> tags der manipulers rundt på skærmen ved hjælp af noget "style.pixelLeft".Problemmet er nu at jeg meget gerne skulle ha denne menu til at bevæge sig fra højre mod venstre altså modsat nu.
På forhånd tak for hjælpen der er maksimum point til den der kan hjælpe mig, min kode ser ud som følgende:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="style.css" type=text/css rel=stylesheet>
<SCRIPT language=javascript type=text/javascript>
<!--
/* function show(lag) { document.all[lag].style.visibility = 'visible'; }
function hide(lag) { document.all[lag].style.visibility = 'hidden'; }
function correct()
{
width = (document.body.offsetWidth)-182;
document.all['mr'].style.pixelLeft = width;
document.all['mr'].style.visibility = 'visible';
}
*/
function backslide1()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft > 210) { document.getElementById('menu05').style.posLeft -= 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft > 160) { document.getElementById('menu04').style.posLeft -= 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft > 110) { document.getElementById('menu03').style.posLeft -= 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft > 60) { document.getElementById('menu02').style.posLeft -= 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('backslide1()',1) }
else { window.setTimeout('menu1()',1); }
}
function menu1()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft < 450) { document.getElementById('menu05').style.posLeft += 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft < 400) { document.getElementById('menu04').style.posLeft += 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft < 350) { document.getElementById('menu03').style.posLeft += 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft < 300) { document.getElementById('menu02').style.posLeft += 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('menu1()',1) }
}
function backslide2()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft > 210) { document.getElementById('menu05').style.posLeft -= 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft > 160) { document.getElementById('menu04').style.posLeft -= 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft > 110) { document.getElementById('menu03').style.posLeft -= 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft > 60) { document.getElementById('menu02').style.posLeft -= 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('backslide2()',1) }
else { window.setTimeout('menu2()',1); }
}
function menu2()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft < 450) { document.getElementById('menu05').style.posLeft += 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft < 400) { document.getElementById('menu04').style.posLeft += 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft < 350) { document.getElementById('menu03').style.posLeft += 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('menu2()',1) }
}
function backslide3()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft > 210) { document.getElementById('menu05').style.posLeft -= 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft > 160) { document.getElementById('menu04').style.posLeft -= 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft > 110) { document.getElementById('menu03').style.posLeft -= 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft > 60) { document.getElementById('menu02').style.posLeft -= 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('backslide3()',1) }
else { window.setTimeout('menu3()',1); }
}
function menu3()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft < 450) { document.getElementById('menu05').style.posLeft += 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft < 400) { document.getElementById('menu04').style.posLeft += 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('menu3()',1) }
}
function backslide4()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft > 210) { document.getElementById('menu05').style.posLeft -= 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft > 160) { document.getElementById('menu04').style.posLeft -= 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft > 110) { document.getElementById('menu03').style.posLeft -= 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft > 60) { document.getElementById('menu02').style.posLeft -= 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('backslide4()',1) }
else { window.setTimeout('menu4()',1); }
}
function menu4()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft < 450) { document.getElementById('menu05').style.posLeft += 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('menu4()',1) }
}
function backslide5()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft > 210) { document.getElementById('menu05').style.posLeft -= 4; rerun = 1; }
if(document.all['menu04'].style.pixelLeft > 160) { document.getElementById('menu04').style.posLeft -= 4; rerun = 1; }
if(document.all['menu03'].style.pixelLeft > 110) { document.getElementById('menu03').style.posLeft -= 4; rerun = 1; }
if(document.all['menu02'].style.pixelLeft > 60) { document.getElementById('menu02').style.posLeft -= 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('backslide5()',1) }
else { window.setTimeout('menu5()',1); }
}
function menu5()
{
rerun = 0;
if(document.all['menu05'].style.pixelLeft < 0) { document.getElementById('menu05').style.posLeft += 4; rerun = 1; }
if(rerun == 1) { window.setTimeout('menu4()',1) }
}
-->
</SCRIPT>
</head>
<div id="menu01" onClick=backslide1()>
menu1
</div>
<div id="menu02" onClick=backslide2()>
menu2
</div>
<div id="menu03" onClick=backslide3()>
menu3
</div>
<div id="menu04" onClick=backslide4()>
menu4
</div>
<div id="menu05" onClick=backslide5()>
menu5
</div>
<body>
</body>
</html>
