Javascript  »  Formulare  »  Intelligentes Formular

zur Übersicht

Kategorie	Formulare
Bezeichnung	Intelligentes Formular
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	54740 Aufrufe davon 6x gestern
Hierbei werden bestimmte Eingabemöglichkeiten in Abhängigkeit von einer Checkbox ein- und ausgeblendet.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <table border="0" width="100%"> <form action="" method="post"> <tr> <td align="right"> <input type="checkbox" name="a1" value="ON" checked> </td> <td>  Auswahl 1</td> </tr> <tr> <td align="right"> <input type="checkbox" name="a2" value="ON" onpropertychange=" af21.setAttribute('disabled', !getAttribute('checked')), af22.setAttribute('disabled', !getAttribute('checked')), ua1.setAttribute('disabled', !getAttribute('checked')), fYear.setAttribute('disabled', !getAttribute('checked')), fMon.setAttribute('disabled', !getAttribute('checked')), fDay.setAttribute('disabled', !getAttribute('checked')), fHour.setAttribute('disabled', !getAttribute('checked')), fMin.setAttribute('disabled', !getAttribute('checked')), fSec.setAttribute('disabled', !getAttribute('checked'))"> </td> <td>  Auswahl 2</td> </tr> <tr> <td></td> <td>   <input type="checkbox" name="af21" value="ON" disabled>   Feature 2.1</td> </tr> <tr> <td></td> <td>   <input type="checkbox" name="af22" value="ON" disabled>   Feature 2.2</td> </tr> <tr> <td></td> <td> <fieldset> <input type="radio" name="R1" value="create_date" checked> erstellt oder <input type="radio" name="R1" value="last_modified"> bearbeitet    <input type="radio" name="R2" value="< " checked> vor oder <input type="radio" name="R2" value="> "> nach<br>   Jahr: <input type="text" name="fYear" size="4" maxlength="4" value= "2002"disabled> Monat: <input type="text" name="fMon" size="2" maxlength="2" value= "02"disabled> Tag: <input type="text" name="fDay" size="2" maxlength="2" value= "26"disabled>  , HH: <input type="text" name="fHour" size="2" maxlength="2" value= "15"disabled> MM: <input type="text" name="fMin" size="2" maxlength="2" value= "57"disabled> SS: <input type="text" name="fSec" size="2" maxlength="2" value= "00"disabled> </fieldset> </td> </tr> <tr> <td></td> <td>   <input type="checkbox" name="ua1" value="ON" disabled> Unterauswahl 1</td> </tr> <tr> <td colspan=2> <input name="weg" type="submit" value="weg damit!"> <input type="hidden" name="Pg_reused" value="1"> </td> </form> </table>

Kommentare zu Intelligentes Formular

2 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 27.04.2005 um 12:55 Uhr von rootilein
an sich wäre das genau das, was ich auch suche. allerdings benötige ich es browserübergere... 

am 13.08.2004 um 12:55 Uhr von Boris
Diese Script ist genau das, was ich gesucht habe. Leider klappt es nur im InternetExplorer... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen