7 berichten aan het bekijken - 1 tot 7 (van in totaal 7)
  • Q:
    Bijdrager
    MarcelK
    1 juli 2006 om 12:15

    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
    1 juli 2006 om 12:21

    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
    1 juli 2006 om 12:28

    Alvast bedankt, Sylvain!

    Bijdrager
    freshface
    1 juli 2006 om 12:28

    Onderste code: http://forum.macosx.nl/viewtopic.php?t=77758&highlight=

    Bijdrager
    MarcelK
    1 juli 2006 om 12:42

    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.
    1 juli 2006 om 13:52

    [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
    2 juli 2006 om 20:21

    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.