Bereich ausblenden
Alex
- javascript
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
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
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