7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)
  • Q:
    Bijdrager
    MarcelK

    CSS: Hoe noem je dit?

    Bij de veelgestelde vragen van de Telefoongids (Klik) kun je op een vraag klikken om het antwoord te zien. (Hij ‘klapt dan uit’) Hoe heet deze techniek?

    Wil het zelf gaan gebruiken maar heb geen idee waar ik op moet Googlen.

    Alvast bedankt!

    Bijdrager
    www.project-euh.com

    Hoe het heet weet ik niet maar ik vermoed dat ze gewoon div’s hebben die op ‘hidden’ staan en dan met een javascriptje hidden naar visible veranderen…. Zal zo even kijken..

    [UPDATE]
    Inderdaad. Met een Div.

    Google eens lekker op: ‘show hide div’ eventueel meet ‘css’ erbij. Volgens mij moet de Div op ‘block’ staan ook, maar ik kan me vergissen. Ik ben hier ook nog niet zo’n held in. Wie voelt zich geroepen?

    Bijdrager
    MarcelK

    Alvast bedankt, Sylvain!

    Bijdrager
    freshface
    Bijdrager
    MarcelK

    En natuurlijk Konijn ook bedankt…

    Heb er dit van gemaakt:

    [code:1:af20880d30] <html><head><script language="javascript">
    <!–
    var state = ‘none’;

    function showhide(layer_ref) {

    if (state == ‘block’) {
    state = ‘none’;
    }
    else {
    state = ‘block’;
    }
    if (document.all) { //IS IE 4 or 5 (or 6 beta)
    eval( "document.all." + layer_ref + ".style.display = state");
    }
    if (document.layers) { //IS NETSCAPE 4 or below
    document.layers[layer_ref].display = state;
    }
    if (document.getElementById &&!document.all) {
    hza = document.getElementById(layer_ref);
    hza.style.display = state;
    }
    }
    //–>
    </script>
    </head>
    <body><p><a href="#" onClick="showhide(’div1’);">show/hide me</a></p>
    <div id="div1" style="display: none;">This is the content</div>
    </body></html>[/code:1:af20880d30]

    Bijdrager
    J.C.

    [code:1:14b26a53f4]</script>
    <a href="index.php">Home</a><br />
    <a href="javascript:wisselsectie(2);">Database</a><br />
    <span id="2" style="display: none;">- <a href="search.php">Search Db</a><br />

    – <a href="barrows.php">Barrows</a><br />- <a href="dragon.php">Dragon</a><br />- <a href="jewelry.php">Jewelry</a><br />- <a href="rares.php">Rares</a><br />- <a href="treasuretrail.php">Treasuretrail</a><br /></span>
    <a href="javascript:wisselsectie(3);">Community</a><br />
    <span id="3" style="display: none;">- <a href="contact.php">Contact</a><br />

    – <a href="disclaimer.php">Disclaimer</a><br />
    – <a href="credits.php">Credits</a><br /></span>
    </script>

    [/code:1:14b26a53f4]

    Zelfde idee, maar dan in menu vorm

    Bijdrager
    danielpunt

    alleen zou ik je JS extern zetten, dat is makkelijker aanpassen.

7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.