Textfeld zunächst verstecken

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Textfeld zunächst verstecken

    Hallo,

    ich möchte 1 Textfeld erst dann anzeigen lassen, wenn eine Checkbox aktiviert wurden ist, dementsrpechend bei deaktivierung die Textfelder verstecken. Außerdem soll die Textfeldbeschriftung auch mit einbezogen werden.
    Habe es soweit geschaft, dass es erst bei der Aktivierung angezeigt wird. Problem bei nicht gechecked bleibt das Textfeld stehen und die Beschriftung ist immer dargestellt.
    PHP Code:
    <head >
    <
    script type="text/javascript">
    function 
    show () {
      if (
    document.getElementById)
        
    document.getElementById("antwort").style.visibility "visible";
    }
    </
    script>
    </
    head
    Auszug aus der Form
    PHP Code:
    Telefon <input type="Checkbox" name="check_tel" value="telefonisch" onclick=show() >

                                                          
    Rückruf Termin: <input type="Text" name="check_tel" id="antwort" style="visibility:hidden"

  • #2
    Mach um den Text und das Input Feld einen DIV. Gib dem DIV die ID und lasse es per JavaScript ausschalten.

    PHP Code:
    function show () {
      if (
    document.getElementById("antwort").style.visibility == 'visible') {
        
    document.getElementById("antwort").style.visibility "hidden";
      } else {
        
    document.getElementById("antwort").style.visibility "visible";
      }
    }
    </
    script
    Last edited by Benny-one; 04-01-2007, 18:02.
    Sunshine CMS
    BannerAdManagement
    Borlabs - because we make IT easier
    Formulargenerator [color=red]Neu![/color]
    Herkunftsstatistik [color=red]Neu![/color]

    Comment


    • #3
      Danke, das klappt !

      Nur ein Problem, beim Aufruf dieser Seite, ist das Textfeld+Beschriftung von Anfang an zu sehen. Die Funktion wird ja erst nach Benutzung der Checkbox aufgerufen. Wie kriege ich es hin, dass er direkt beim beginn, die Funktion startet?

      Comment


      • #4
        PHP Code:
        <div style="display: none;">...</div
        von vorne rein?

        Comment


        • #5
          unter umständen lieber ein

          <body onload="...">

          verwenden. dann kann ich auch als nicht JS-User was reinschreiben. Die eigentliche Prüfung wird ja ohnehin serverseitig gemacht.

          Comment


          • #6
            Danke jetzt funzt es!!!

            Comment

            Working...
            X