Alex: Bereich ausblenden

Hallo!

Ich habe ein Formular, bei dem ich einen Teil der Seite, der in einem div-Tag eingeschlossen ist (id "Nutzungsbedingungen"), ausgeblendet werden soll, sobald man einen bestimmten Radio-Button betätigt. Hier der Code im input-Tag:

onClick="document.getElementByID("Nutzungsbedingungen").style.visibility=visible;"

Leider passiert aber nichts.

Sieht jemand einen Fehler?

Danke und Gruß!

Alex

  1. Moin!

    onClick="document.getElementByID("Nutzungsbedingungen").style.visibility=visible;"

    was er als onclick-Anweisung ausführt ist nur der Teil, der in Anführungszeichen steht, also:
    "document.getElementByID("
    In diesem Fall verwendest du einfach einfache Anführungszeichen (')
    auch visible, da es keine Variable ist sondern nur ein Wert, in Anführungszeichen packen. Dann sieht das ganze so aus:

    onClick="document.getElementByID('Nutzungsbedingungen').style.visibility='visible';"

    Das sollte es tun.

    Benjamin

  2. Hallo Alex,

    na da hätten wir doch was:

    ++++++++++++++++++++

    <script language="JavaScript1.2">

    /*
    Toggle Layer Visibility
    © Eddie Traversa (nirvana.media3.net)
    To add more shock to your site, visit www.DHTML Shock.com
    */

    function toggleVisibility(id, NNtype, IEtype, WC3type) {
        if (document.getElementById) {
            eval("document.getElementById(id).style.visibility = "" + WC3type + """);
        } else {
            if (document.layers) {
                document.layers[id].visibility = NNtype;
            } else {
                if (document.all) {
                    eval("document.all." + id + ".style.visibility = "" + IEtype + """);
                }
            }
        }
    }
    </script>


    Instructions:
    When you insert your layer, make sure that you name it, like this:
    <DIV id="LayerName>Content</DIV>

    To hide your layer, your link should look like this:
    <a href="#" onMouseOver="toggleVisibility('LayerName','hidden','hidden','hidden')">

    To show your layer, your link should look like this:
    <a href="#" onMouseOver="toggleVisibility('LayerName','show','visible','visible')">

    You must enter the variables three times
    ('hidden','hidden','hidden' and 'show','visible','visible')
    because the different browsers need different variables to make them
    show and hide the layers properly.

    ++++++++++++++++++++

    Funzt Cross-Browser und müßte sich mit dem Radio-Button analog umsetzen lassen.

    Gruß :o)

    Olaf