Ergebnis 1 bis 3 von 3
-
30-07-2008, 08:16 #1
Grünschnabel
- registriert
- 15-04-2008
- Beiträge
- 4
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 Website. Ihre 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>
-
30-07-2008, 08:59 #2
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
-
30-07-2008, 09:36 #3
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
-
Probleme mit Formular Checkbox
Von Gunnar im Forum JavaScriptAntworten: 10Letzter Beitrag: 16-07-2007, 10:07 -
Probleme bei einem Formular
Von Haquin im Forum JavaScriptAntworten: 5Letzter Beitrag: 21-06-2007, 02:25 -
formular prüfen. probleme mit array
Von gecko im Forum JavaScriptAntworten: 1Letzter Beitrag: 19-06-2007, 09:07 -
Probleme mit php Formular
Von Unpredictable im Forum JavaScriptAntworten: 1Letzter Beitrag: 26-01-2007, 17:35 -
Probleme bei der Berechnung im Formular mittels JS
Von JS-NOOP im Forum JavaScriptAntworten: 2Letzter Beitrag: 16-01-2006, 22:42
Lesezeichen