[dHTML] object visible en hidden maken

[Verwijderd]

Ik ben een navigatie menu aan het maken alleen lukt dit niet helemaal. Ik heb een <div> met id="gezin_twee" en class="onderdeel". Deze <div> is onzichtbaar ingesteld zodat je hem in eerste instantie niet ziet. Ik wil nu dat hij zichtbaar wordt als je erop klikt en weer onzichtbaar wanneer je er nog een keer op klikt (wanneer hij dus al zichtbaar is).

Ik ben zelf tot de volgende code gekomen en snap niet waarom die niet werkt:

Link die het submenu zichtbaar moet maken

code:

<a href="#" onClick="uitKlap(gezin_twee)"; return false;>Gezin</a><div id="gezin_twee" class="subMenu">

en dit is de functie die wordt aangeroepen wanneer er op de link wordt geklikt:

code:

function uitKlap(het_menu)
{
    zichtbaar = 'visible';
    onzichtbaar = 'hidden';

    if(het_menu.style.visibility == onzichtbaar)
    {
        het_menu.style.visibility = zichtbaar;
    }
    else if(het_menu.style.visibility == zichtbaar)
    {
        het_menu.style.visibility = onzichtbaar;
    }
}

Hij doet nu echter niks, maar geeft ook geen foutmelding

[Bosmonster]

underscores in id's zijn taboe overigens.. maar dat terzijde

vervang

onClick="uitKlap(gezin_twee)"; return false;>

eens met

onClick="uitKlap(document.getElementById('gezin_twee'))"

[Verwijderd]

Hetzelfde; gebeurt niks maar krijg ook geen foutmelding.

Dat vind ik nog het rare ervan. Maar ik ga eerst nog wel even heel goed naar de code kijken want het is een beetje een zooitje met naamgeving en dergelijke.

welke notatie is wel gebruikelijk voor id's?

de in-fx notatie? (gezin_twee --> gezinTwee)

[Verwijderd]

[quote]Op dinsdag 05 februari 2002 16:46 schreef Breakout het volgende:

code:

function uitKlap(het_menu)
{
    zichtbaar = 'visible';
    onzichtbaar = 'hidden';

    if(het_menu.style.visibility == onzichtbaar)
    {
        het_menu.style.visibility = zichtbaar;
    }
    else if(het_menu.style.visibility == zichtbaar)
    {
        het_menu.style.visibility = onzichtbaar;
    }
}

maak van het_menu.style. visibility eens:

code:

eval("document.all."+het_menu+"style.visibility = 'visisble'");

Je code werkt nu BTW alleen in IE4 en hoger, beetje slordig...

[Dennis]

Op dinsdag 05 februari 2002 16:52 schreef Bosmonster het volgende:
underscores in id's zijn taboe overigens.. maar dat terzijde

U gaat helaas niet door voor de koelkast.

[Verwijderd]

Op dinsdag 05 februari 2002 16:52 schreef Bosmonster het volgende:
underscores in id's zijn taboe overigens.. maar dat terzijde

Op dinsdag 05 februari 2002 20:08 schreef ddc het volgende:
U gaat helaas niet door voor de koelkast.

Officieel is het inderdaad toegestaan, maar in de praktijk blijkt dat (vooral in IE4 lijkt het) underscores wel degelijk voor problemen kunnen zorgen.

[Bosmonster]

Netscape 4 had er problemen mee geloof ik. Ok tis niet echt taboe, maar voor xbrowser compatibility kun je het jezelf beter niet aanleren..

[Verwijderd]

[ontopic]
Ik bewonder dat je opnieuw het wiel probeert uit te vinden, maar ik raad je aan om eens goed te kijken naar bestaande DHTML-libs. Vooral van de eenvoudige, kleine Layer-manipulatie libs valt een hoop te leren qua browser-compatibiliteit en efficientie.

http://www.scottandrew.com/weblog/dhtmllibs Hier staat een uitgebreide lijst met diverse libs/API's

code:

<a href="#" ...>

Gebruik liever href="javascript:void(null);" i.p.v. href="#" om te voorkomen dat de pagina naar boven wil scrollen (# is in sommige browsers de standaard anchor voor de top van de pagina).
[/ontopic]

[Clay]

underscores in id's zijn taboe overigens.. maar dat terzijde

...

U gaat helaas niet door voor de koelkast.

...

Officieel is het inderdaad toegestaan, maar in de praktijk blijkt dat (vooral in IE4 lijkt het) underscores wel degelijk voor problemen kunnen zorgen.

...

Netscape 4 had er problemen mee geloof ik. Ok tis niet echt taboe, maar voor xbrowser compatibility kun je het jezelf beter niet aanleren..

Yup, NS4.0 gaat er finaal van over de nek, en zonder fatsoenlijke foutmeldingen, dus als je het niet weet blijf je zoeken