Menu som bliver

her er et par stykker.. det er muligt at lave om på designet:

http://www.dynamicdrive.com/dynamicindex1/sm/index.htm (IE)


http://www.sitenavigation.net/menu_javascripts/cool_menu_bar/cool_menu_bar.html (IE, Opera)

http://resource.atlantis-designs.com/scriptindex1/topnav1.html (IE, Opera: problemer med layers/z-index/z-order)

Tak, men jeg må lige præcisere spørgsmålet. Jeg har nemlig ikke brug for, at det er sådan nogle dropdownmenuer. Det skal bare være sådan, at selve menuen bliver der

Du kan prøve følgende:

Sæt en <span id="menu"> rundt om din menu.

Sæt

<style type="text/css">
#menu {
    position:absolute;
    left:0;
    top:0;
    visibility: hidden;
}
</style>
<script language="javascript">
    var isNS = navigator.appName.indexOf("Netscape") >= 0;
    function posmenu() {
        var obj;
        var winHeight;
        var scroll;
        if(isNS) {
            obj = window.document.menu;
            winHeight=window.innerHeight;
            scroll=window.pageYOffset + 4;
        } else {
            obj = document.all.menu.style;
            winHeight=document.body.offsetHeight;
            scroll=document.body.scrollTop;
        }
        //obj.top = winHeight - objHeight + scroll;
        obj.top = scroll;
    }
    function init() {
        if(isNS) {
            window.document.menu.visibility = 'visible';
        } else {
            document.all.menu.style.visibility = 'visible';
        }
        window.setInterval("posmenu()",1);
    }
</script>

ind og lav en onload i body init();

Så forsvinder min menu bare, se selv på www.vih.dk

5 sek så kigger jeg på det ;o)

Prøv at sæt

<script language="javascript">
    var isNS = navigator.appName.indexOf("Netscape") >= 0;
    function posmenu() {
        var obj;
        var winHeight;
        var scroll;
        if(isNS) {
            obj = window.document.menu;
            winHeight=window.innerHeight;
            scroll=window.pageYOffset + 4;
        } else {
            obj = document.all.menu.style;
            winHeight=document.body.offsetHeight;
            scroll=document.body.scrollTop;
        }
        //obj.top = winHeight - objHeight + scroll;
        obj.top = scroll;
    }
    function init() {
        if(isNS) {
            window.document.menu.visibility = 'visible';
        } else {
            document.all.menu.style.visibility = 'visible';
        }
        window.setInterval("posmenu()",1);
    }
</script>
før body. I head i stedet, jeg tror problemet er at når siden loader laver den en onload før funktionen er loadet.

Det har jeg forsøgt, men den siger at init() ikke eksisterer i onload?

prøv at put javascripet i en fil og inkludere den i stedet.

ahhh det hedder text/javascript ikke javascript/text

<script language="javascript" type="text/javascript">

Du skal nok sætte det om hele toppen i stedet for kun menuen ;o)

Det virker lidt bedre :) Undskyld jeg ødelagde dit script. Nu er mit problem bare, at den sidder lidt højt oppe allerede fra starten, og den når ikke hele vejen over længere.

Jeg ville lave plads (evt. med en blank gif) til hele toppen. Menu + hele den brune top. Herefter sætte <div id="menu"> rundt om hele toppen.

Eller det samme kun med menuen.

<!-- Menuen starter -->
<div id="menu" width="193">
<div class="topmenu">
    <img src="/grafik/blank.gif" width="193" height="81" border="0">
    <table cellspacing="0" cellpadding="0">
    <tr><td><a class="topmenupunkt" href="/info/" title="Værd at vide">Værd at vide</a></td><td><a class="topmenupunkt" href="/langekurser/" title="Se de lange kurser">Lange kurser</a></td><td><a class="topmenupunkt" href="/kortekurser/" title="Se de korte kurser">Korte kurser</a></td><td><a class="topmenupunkt" href="/nyheder/" title="Sidste nyt">Sidste nyt</a></td><td><a class="topmenupunkt" href="/dialog/" title="Dialog">Dialog</a></td><td><a class="topmenupunkt" href="/faciliteter/" title="Faciliteter">Faciliteter</a></td><td><a class="topmenupunkt" href="/underviser/" title="Lærere">Lærere</a></td><td><a class="topmenupunkt" href="/elevforeningen/" title="Tidligere elever">Tidligere elever</a></td><td><a class="topmenupunkt" href="/bestilling/" title="Bestil og tilmeld">Bestil og tilmeld</a></td></tr></table></div>
</div>
<!-- Menuen slutter -->

Nu bliver mit problem jo, at menuen når der scrolles kommer til at svæve de her 81 pixels nedenunder toppen :)

Det er lidt den berømte pest eller kolarar. Jeg ville nok tage hele toppen med. Så tror jeg det kommer til at se ledt bedere ud.

Jeg ved nu, at det andet kan lade sig gøre. Har set det på http://giv.dk/, men det skal ikke være en dropdownmenu.

Det kan jeg se, jeg kigger lige på det ;o), det kan være jeg også kan lære noget. Vender tilbage om lidt.

:) I øvrigt virker det lidt mærkeligt, at hvis man går ind på fx lange kurser og klikker på et af de øverste punkter, så trækker menuen sig sammen. Det er ikke noget problem, hvis man klikker på et af linkene længere nede? Mystisk!

Det var alt for svært at finde ud af deres så jeg lavede lidt om i mit egent:

Du skal i stedet:

fjerne - <img src="/grafik_gr3/spacer.gif" height="81">

i stedet for
obj.top = scroll; i funktionen skal stå

if(scroll == 0) {
            obj.top = 81+scroll;
        }
        else if(scroll<81) {
            obj.top = (81-scroll)+scroll;
        }
        else {
            obj.top = scroll;
        }

Det virker sandelig, og er elegant. Se dog lige min kommentar 10:40:22 og se på siden: www.vih.dk/langekurser/ og prøv at trykke på et af de øverste links! Det er som om, at den pludselig tager bredden fra div class=bodybx i stedet for fra menu!

Jeg kan ikke få den til at "fejle", jeg sidder med en IE6.0 hvil´ken browser bruger du?

Jeg er inde under http://www.vih.dk/langekurser/ og trykker på kursusoversigt ???

Mærkeligt. Den fejler her hos mig. Sidder med IE5.0!

don_r > Men tak for hjælpen i hvert fald. Du får pointene :)