Ergebnis 1 bis 3 von 3
  1. #1
    alsodenn ist offline Grünschnabel
    registriert
    15-04-2008
    Beiträge
    4

    Question Probleme mit einfachem Formular und JS!

    Hallo Community

    Ich habe ein einfaches Formular mit wenig Javascript. Ich möchte, dass beim Klick auf einen Radio-Button Input-Felder erscheinen bzw. verschwinden.

    Im Firefox gehts, aber im IE macht er komische Dinge. Beim Klick auf den Radio-Button verschwinden nicht die Input-Felder sondern der Radio-Button selber. Aber wieso funktioniert es im Firefox? Was macht IE???

    Kann mir jemand helfen?

    Hier mein Code:
    PHP-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
        <
    head>
            <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <
    title>Test</title>
        </
    head>
        <
    body onload="javascript: document.getElementById('verlosung').style.display = 'none';">
        <
    h1>Online-Umfrage</h1>
        <
    p>Nehmen Sie sich Zeit und klicken Sie sich durch die WebsiteIhre Antwort führt uns einen Schritt näher zum optimalen Auftritt.</p>
        <
    form name="umfrage" action="../php/process.php" method="post">
        <
    input type="hidden" name="submit_check" value="1" />
        
            <
    br />
            
            <
    fieldset>
                <
    legend>Verlosung</legend>
            
                <
    input type="radio" id="verlosung_1" name="verlosung" value="nein" checked onclick="javascript: document.getElementById('verlosung').style.display = 'none';">
                <
    label for="verlosung_1">Ich nehme nur an der Umfrage teil.</label><br />
                <
    input type="radio" id="verlosung_2" name="verlosung" value="ja" onclick="javascript: document.getElementById('verlosung').style.display = 'block';">
                <
    label for="verlosung_2">Ich nehme auch an der Verlosung teil.</label>        
                <
    br />        
                
                <
    div id="verlosung">
                    <
    label for="email">E-Mail:</label>
                    <
    input type="text" id="email" name="email" /><br />
                    <
    label for="vorname">Vorname:</label>
                    <
    input type="text" id="vorname" name="vorname" /><br />
                    <
    label for="nachname">Nachname:</label>
                    <
    input type="text" id="nachname" name="nachname" />
                </
    div>
            </
    fieldset>
            
            <
    p></p>
            <
    input type="submit" value="Abschicken"> <input type="reset" value="Daten löschen">
        </
    form>
        
        </
    body>
    </
    html

  2. #2
    fette_sau ist offline Jungspund
    registriert
    25-06-2008
    Beiträge
    14

    AW: Probleme mit einfachem Formular und JS!

    Das name Attribute der RadioButtons sollte nicht gleich der Id des Divs sein...

    So sollte es gehen:

    Code:
    <input type="radio" id="verlosung_1" name="verlosung" value="nein" checked onclick="javascript: document.getElementById('verlosung_div').style.display = 'none';"> 
            <label for="verlosung_1">Ich nehme nur an der Umfrage teil.</label><br /> 
            <input type="radio" id="verlosung_2" name="verlosung" value="ja" onclick="javascript: document.getElementById('verlosung_div').style.display = 'block';"> 
            <label for="verlosung_2">Ich nehme auch an der Verlosung teil.</label>         
            <br />         
            
            <div id="verlosung_div"> 
                <label for="email">E-Mail:</label> 
                <input type="text" id="email" name="email" /><br /> 
                <label for="vorname">Vorname:</label> 
                <input type="text" id="vorname" name="vorname" /><br /> 
                <label for="nachname">Nachname:</label> 
                <input type="text" id="nachname" name="nachname" /> 
            </div>
    hihi

  3. #3
    alsodenn ist offline Grünschnabel
    registriert
    15-04-2008
    Beiträge
    4

    AW: Probleme mit einfachem Formular und JS!

    Super, das war der Fehler! Vielen Dank!

Ähnliche Themen

  1. Probleme mit Formular Checkbox
    Von Gunnar im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 16-07-2007, 10:07
  2. Probleme bei einem Formular
    Von Haquin im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 21-06-2007, 02:25
  3. formular prüfen. probleme mit array
    Von gecko im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 19-06-2007, 09:07
  4. Probleme mit php Formular
    Von Unpredictable im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 26-01-2007, 17:35
  5. Probleme bei der Berechnung im Formular mittels JS
    Von JS-NOOP im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 16-01-2006, 22:42

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •