[JS/CSS] Menu uitgeklapt houden

[kleautviool]

Ik heb onderstaande functie voor mijn uitklapmenu:

JavaScript:

  function showSub(e)  {
    w = document.getElementById(e).style;
    if(w.display == "block")  {
      w.display = "none";
    }
    else  {
      w.display = "block";
    }
    return false
  }

Dit werkt allemaal prima, alleen heb ik 1 probleem. Ik zou graag willen dat het menu uitgeklapt blijft als er naar een andere pagina gesurft word. Dus in het menu klik je bijvoorbeeld op nieuws > inschrijfformulier dat dan het menu op nieuws uitgeklapt blijft. Alleen heb ik geen idee hoe ik dit aan moet pakken. Ik heb wel al geprobeert om in de div van het inschrijfformulier d.m.v. onload eventhandler de functie aan te roepen, met als waarde die van nieuws maar dit werkte niet. Is er een manier om er nu toch voor te zorgen dat het menu uitegklapt blijft?
Ik heb met de search trouwens wel iets gevonden over cookie's oid, alleen heb ik geen idee hoe ik dit dan toe zou moeten passen in mijn situatie, dus als iemand mij enigsinds opweg zou kunnen helpen, zou dat mooi uitkomen

edit:
De pagina staat overigens hier

[ Voor 8% gewijzigd door kleautviool op 02-03-2004 15:17 ]

[CrashOne]

Zodra er van een pagina genavigeerd wordt, set cookie met menu waarden, onload -> get waarden from cookie -> functie(waarden).

[ Voor 11% gewijzigd door CrashOne op 02-03-2004 15:21 ]

[BtM909]

Je hoeft niet perse cookies te gebruiken; gebruikers kunnen ze immers uitschakelen of niet accepteren.

Daarnaast is je menu structuur niet zo heel ingewikkeld. Je kan het op twee drie manieren oplossen:

1. Aan de hand van de pagina waar je opzit, die functie aanroepen zodat de parent van je menu-item wordt opengeklapt.

2. Dmv de searchstring wegschrijven welke menu-item is geklikt en deze vervolgens onload weer ophalen en de juiste menu-item uitklappen

3. Toch cookies gebruiken om de waardes te setten en getten.

edit:

Cookie functie van een mede-forummer: http://www.codebase.nl/index.php/command/viewcode/id/108

[ Voor 10% gewijzigd door BtM909 op 02-03-2004 15:29 ]

[kleautviool]

Misschien begrijp ik het niet helemaal, maar als ik een cookie set met de waarde van de klik (dus bijvoorbield nieuws) en deze dan vervolgens onload in de functie (onload="showSub('cookiewaarde')" dan heeft dit toch hetzelfde effect als gewoon op nieuws onload="showSub('nieuws')" te doen? En dat werkte juist niet.

Of begrijp ik het nu verkeerd?

[sjaakaq]

Mag ik je er trouwens op attenderen dat de menu's niet werken (uitklappen) in Opera...

[kleautviool]

Hmm dat zuigt wel. Wist ik iig niet, bedankt voor de tip.

[kleautviool]

* Kick *

Sorry dat ik dit topic zo hard kick, maar ik loop weer even vast. Ik ben hier nu een beetje mee aan het stoeien geweest en opzich gaat het de goede richting in, maar het werkt nog niet helemaal lekker.
Zodra er op een menuitem geklikt word, word er een cookie geset met als waarde de naam van de onderliggende ul (Dus de ul die 'geactiveerd' moet worden). Nu roep ik via een andere functie bij onload de desbetreffende ul aan om opengeklapt te blijven, alleen loopt deze 1 'ronde achter'. Dus stel ik klik op team en vervolgens op een link uit de lijst eronder dan krijg ik niks, klik ik vervolgens op activiteiten en dan op een link uit het submenu dan blijft het submenu van team uitgeklapt staan terwijl dit het submenu van activiteiten moet zijn.
Een ander probleem is ook dat als ik nu op een link zonder submenu eronder klik, dan blijft er altijd een submenu uitgeklapt, terwijl dit dan niet zou moeten. Hoe kan ik nu onderstaande code aanpassen zodat alles goed gaat werken?

JavaScript:

    function showSub(e)  {
        var weg, naam, sEl
        weg = new Date
        weg.setMonth(weg.getMonth()+1)
        naam = "";
        if(document.cookie != "")  {
            naam = document.cookie.split("=")[1]
        }
        naam = e;
        document.cookie = "naam="+naam+";expires="+weg.toGMTString()
        alert("Klik: "+document.cookie.split("=")[1])
        sEl = document.getElementById(e).style;
        if(sEl.display == "block")  {
            sEl.display = "none";
        }
        else  {
            sEl.display = "block";
        }
        return false
    }

    function show()  {
        if(document.cookie != "")  {
            document.getElementById(document.cookie.split("=")[1]).style.display = "block";
        }
    }

[..]

    window.onload = function(){
        show()
    };

Ben niet echt een goede javascripter dus let niet op ranzigheid oid

Oja, die alert heb ik er even voor mijzelf instaan om te zien of het setten van de cookies lukt (dit lukt btw )

[André]

Zonder naar de code te kijken denk ik dat je cookie verkeerd of te laat geset word.

[kleautviool]

Volgens mij word mijn cookie geset als de gebruiker op de link klikt, lijkt me niet eerder te kunnen

[André]

Trouwens, als je een subfolder dicht doet wordt ook de cookie gezet, lijkt me niet de bedoeling.

En je slaat in de cookie alleen de submenu's op?

En window.onload = function(){ show() }; word window.onload=show;

[ Voor 3% gewijzigd door André op 11-03-2004 23:52 ]

[kleautviool]

Die onload laat ik zo, omdat er meerdere functies geladen moeten worden

En ja in het cookie staat de waarde van het submenu, maar is er iemand die mij misschien een duwtje in de goede richting kan geven, want ik zit ff vast

[kleautviool]

Ok heb het gevonden. Heb nu op elke pagina alle opties van het submenu in een array gezet. Daarboven heb ik in een variabele de locatie gezet. Nu via een for-loop kijken of de locatie overeen komt met een waarde uit de array, en dan het submenu weergeven.

I.i.g. bedankt voor de hulp