Og her en lidt udvidet version, der er X-browser (det ville dog stadigvæk være fiksere at bygge et objekt og så manipulere det...nuvel!):
<html>
<head>
<script language="javascript">
<!--
// ---------- Brug evt. din eget browsercheck ------------------
var ie4 = document.all;
var ns4 = document.layers;
// ---------- Sæt 'num' til antallet af dine <span> ------------------
var num = 6;
// ---------- Sæt det luft, du vil have mellem dine <span> -----------
var mySpace = 20;
// ---------- Sæt den mængde luft, der skal være før første menupunkt -----------
var initSpace = 150;
function init() {
myFirstSpan = ns4? document.layers.submenu1 : document.all.submenu1;
if (ns4) { myFirstSpan.left = initSpace; }
if (ie4) { myFirstSpan.style.pixelLeft = initSpace; }
for (i=1; i<=num; i++) {
myThisSpan = ns4? eval('document.layers.submenu'+i) : eval('document.all.submenu'+i);
myLeft = ns4? myThisSpan.left : myThisSpan.style.pixelLeft;
myWidth = ns4? myThisSpan.document.width : myThisSpan.offsetWidth;
myNextLeft = myLeft+myWidth+mySpace;
if (i<num) {
myNextSpan = ns4? eval('document.layers.submenu'+(i+1)) : eval('document.all.submenu'+(i+1));
if (ns4) { myNextSpan.left = myNextLeft; }
if (ie4) { myNextSpan.style.pixelLeft = myNextLeft; }
}
}
myOpen();
}
// ---------- Funktioner til at tænde og slukke menuen med -----------
var check = 0;
function toggle() {
if (check == 0) {
myClose();
check = 1;
}else{
myOpen();
check = 0;
}
}
function myOpen() {
for (i=1; i<=num; i++) {
myThisSpan = ns4? eval('document.layers.submenu'+i) : eval('document.all.submenu'+i);
if (ns4) { myThisSpan.visibility = "visible"; }
if (ie4) { myThisSpan.style.visibility = "visible"; }
}
}
function myClose() {
for (i=1; i<=num; i++) {
myThisSpan = ns4? eval('document.layers.submenu'+i) : eval('document.all.submenu'+i);
if (ns4) { myThisSpan.visibility = "hidden"; }
if (ie4) { myThisSpan.style.visibility = "hidden"; }
}
}
//-->
</script>
</head>
<body onload=init();>
<span id="submenu1" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?varemærke=oversigt">Varemærke</A></span>
<span id="submenu2" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?produkt=oversigt">produkt</A></span>
<span id="submenu3" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?galleri=oversigt">galleri</A></span>
<span id="submenu4" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?links=oversigt">links</A></span>
<span id="submenu5" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?kunde=oversigt">kunder</A></span>
<span id="submenu6" style="position:absolute; visibility:hidden;"><A class="menulink" href="admin.php?ordre=oversigt">ordrer</A></span>
<br><br><br><br>
<a href="java script:myOpen();">Vis</a><br><br>
<a href="java script:myClose();">Skjul</a><br><br>
<a href="java script:toggle();">Vis / Skjul</a><br><br>
</body>
</html>
Roger over - and out ;-))
