"folde-ud-menu" ..

<ole>
Du går til:
    http://www.dansteinman.com
...og læser hans tutorial 'The DynamicDuo' og lærer at lave X-browser DHTML. Han er fantastisk god at lære af!
/Vh
</bole>

<ole>
Som du nu har valgt at lave den, kan du gøre sådan i stedet:

<html>
<head>

<style type="text/css">
BODY { font-size:12px;}
#menu1 { visibility: hidden; position: absolute; left: 50px; top: 0px; font-size:12px;}
#menu2 { visibility: hidden; position: absolute; left: 50px; top: 12px; font-size:12px;}

</style>

<script language="JavaScript">
var numLayers = 2;
var agt = navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);

var is_nav = ((agt.indexOf('mozilla') != -1) && (agt.indexOf('spoofer') == -1)
              && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera') == -1)
              && (agt.indexOf('webtv') == -1));

var is_nav4up = (is_nav && (is_major >= 4));

function noline(link) { if (navigator.appName == 'Microsoft Internet Explorer') { link.blur() } }

function togglemenu(id) {
    var check;
    if (is_nav4up) {
        thisId = document.layers[id];
        if (thisId.visibility == 'show') { check = 1; }else{ check = 0; }
        for(i=1; i<=numLayers; i++){
            document.layers['menu'+i].visibility = "hide";
        }
        if (check == 1) { thisId.visibility = "hide"; }
        else { thisId.visibility = "show"; }
        return true;
    }
    else {
        thisId = eval('document.all.'+id+'.style');
        if (thisId.visibility == "visible") { check = 1; }else{ check = 0; }
        for(i=1; i<=numLayers; i++){
            document.all['menu'+i].style.visibility = "hidden";
        }
        if (check == 1) { thisId.visibility = "hidden"; }
        else { thisId.visibility = "visible"; }
        return false;
    }
}

function hidemenu(menu) {
if (is_nav4up) {
  thisMenu = eval("document." + menu);
  thisMenu.visibility = "hide";
}
else {
  thisMenu = eval("document.all." + menu + ".style");
  thisMenu.visibility = "hidden";
}
}

</script>

<link rel="SHORTCUT ICON" href="finger.ico">

</head>

<body bgcolor="#336699" text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffffff" marginheight=0 marginheight=0 leftmargin=0 topmargin=0>
    <a name="#ko">
    <a href="#ko" target="_self" onclick="noline(this); return togglemenu('menu1');"><b>menu1</b></a><br>
    <span id="menu1">
    <a href="#top">link 1</a><br>
    <a href="#top">link 2</a><br>
    <a href="#top">link 3</a><br>
    <a href="#top">link 4</a><br>
    <a href="#top">link 5</a><br>
    </span>

    <a name="#hest">
    <a href="#hest" target="_self" onclick="noline(this); return togglemenu('menu2');"><b>menu2</b></a><br>
    <span id="menu2">
    <a href="#top">link 6</a><br>
    <a href="#top">link 7</a><br>
    <a href="#top">link 8</a><br>
    <a href="#top">link 9</a><br>
    <a href="#top">link 10</a><br>
    </span>
</body>

</html>

/Vh
</bole>

Du kan også lave den i ren HTML ved hjælp af bookmarks!

http://www.aofhorsens.dk/havneby

Preben

dET ER IKKE NØDVENDIG HVIS ALT DER VIRKER I "IE" DER OXO VIRKER I "NS". DE HAR 2 FORSKELLIGE MÅDER AT LÆSE HTML PÅ!

Preben >> Den fungere ikke pænt. Simpel - ja...men dårlig!!!

olebole:
ja så virker det, men ikke helt det jeg ledte efter ;<