Thread: [gelöst] Dynamisches Formular aber wie?

Seite 1 von 2

12.02.2008 21:03 Uhr

trustyxxma

Status: offline

100% (1 von insgesamt 1 Person) finden diesen Beitrag gut

Hallo zusammen,

ich möchte gerne ein Formularseite erstellen bei dem wenn man zB. ein bestimmten Radio-Button anklickt, das eine weiter Radio-Button Auswahl erscheint.

Im Beispiel wenn Lehrgang 3 ausgewählt wird, soll die Spezielle Auswahl eingeblendet werden.

PHP:

 
<form name="lehrganganmeldung" action="index.php" method="POST">
Lehrgang 1: <input type="Radio" name="lehrgang" value="1"><br/>
Lehrgang 2: <input type="Radio" name="lehrgang" value="2"><br/>
Lehrgang 3: <input type="Radio" name="lehrgang" value="3"><br/>
<br/>
Spezielle Auswahl zu Lehrgang 3:<br/>
Zusatz 1: <input type="Radio" name="lehrgang3" value="bronze"><br/>
Zusatz 2: <input type="Radio" name="lehrgang3" value="silber"><br/>
Zusatz 3: <input type="Radio" name="lehrgang3" value="gold"><br/>
</form>

Ich hoffe es kann mir jemand weiterhelfen.

Gruß

Michael

2 mal bearbeitet

___________________________
Keep cool :-)
http://www.michael-anhalt.de Meine Private Homepage

12.02.2008 21:11 Uhr

Funatiker

Status: offline

das ist recht simpel.. du packst die optionalen elemente je in ein div mit ner passenden id... also in deinem fall:
3 divs mit den IDs lehrgang1 lehrgang2 und lehrgang3...
nun schreibst du einen javascript, der beim laden der seite die sichtbarkeit der 3 divs auf unsichtbar stellst...
nun muss beim anklicken einesder ersten 3 buttons die richtige id sichtbar werden.. das ist gar nich ma so schwer ;) einfach ne funtktion schreiben, die zb 1 sichtbar und 2 und 3 unsichtbar macht.. die funktion verankerst du beim onlick des inputs..

___________________________
Profi-ICQ.de.vu - Infos zum ICQ-Client qip
Geld sparen (Flatrates) mailservice http://hostel3.de

12.02.2008 21:39 Uhr

trustyxxma

Status: offline

Soweit bin ich gekommen,

und habe auch verstehen können was du meinst.
Nur umsetzen ist mir nicht ganz möglich, da ich keine JavaScript-Kenntnisse habe.

Gruß
Michael

PHP:

<form name="lehrganganmeldung" action="index.php" method="POST">
Lehrgang 1: <input type="Radio" name="lehrgang" value="1"><br/>
Lehrgang 2: <input type="Radio" name="lehrgang" value="2"><br/>
Lehrgang 3: <input type="Radio" name="lehrgang" value="3"><br/>
<br/>
<div id="lehrgang3">
Spezielle Auswahl zu Lehrgang 3:<br/>
Zusatz 1: <input type="Radio" name="lehrgang3" value="bronze"><br/>
Zusatz 2: <input type="Radio" name="lehrgang3" value="silber"><br/>
Zusatz 3: <input type="Radio" name="lehrgang3" value="gold"><br/>
</div>
</form>

___________________________
Keep cool :-)
http://www.michael-anhalt.de Meine Private Homepage

12.02.2008 22:04 Uhr

thewebwar

Status: offline

100% (1 von insgesamt 1 Person) finden diesen Beitrag gut

hey
das ist ganz einfach :wink:

ich habe leider atm nicht soo viel zeit ansonsten würde ich es di rkomplett schreiben, deswegen nun mal schnell ausm Handgelenk :tongue:

PHP:

1 2	<input type="Radio" name="lehrgang3" value="bronze" onchange="show_further_information(this.name);">

das geliche auch für die anderen Radio Buttons (also das Onchange nehmen)

PHP:

 
function show_further_information(name) {
var radios = document.getElementsByName(name);
for(i = 0; i <= radios.length; i++) {
if (radios[i].checked) {
show_div(radios[i].value);
break;
}
}
}
 
function show_div(id) {
if (id == "XYZ") {
document.getElementById(id).style.display = "block";
// weiter Aktionen...
}
}

ist ungetestet, aber ich hoffe dies bietet dir einen Basis :wink:

Ich kenne dir aus dem Forum eigentlich als einen fähigen Menschen von daher denke ich, dass du mit diesem Ansatz weiter kommen wirst :wink:

EDIT:
ich entschuldige mich für die schlechte Einrückung, aber ich habe dies hier im WYSIWYG von Cybton geschriben und ka wie man da Tabs macht xD

EDIT2:
du machst was für die DLRG oder?
wir haben dem letzt auch erst unsere Seite geupdatet^^ also vor ca. 3 Moanten :tongue:

LG Jens

2 mal bearbeitet

___________________________
Meine Homepage:
http://thewebwar.cybton.com/

12.02.2008 22:32 Uhr

trustyxxma

Status: offline

Hmm, danke erstmal.

Oh ich habe ein Lob bekommen. Danke dafür :lol:

Ja ich bin mal wieder im Auftrage der DLRG Ortsgruppe Fellbach hier im Forum unterwegs. :cool:

Nur glaube ich das Ihr mich nicht ganz verstanden habt oder ich mich nicht deutlich ausgedrückt habe.

Wenn ich also bei den oberen drei Radio-Buttons ich mich für den Lehrgang 3 entschieden habe.

Zitat:
Lehrgang 3: <input type="Radio" name="lehrgang" value="3"><br/>

So soll das untere Radio-Button Auswahlmenu angezeigt werden, sonst nicht.

Zitat:
<div id="lehrgang3">
Spezielle Auswahl zu Lehrgang 3:<br/>
Zusatz 1: <input type="Radio" name="lehrgang3" value="bronze"><br/>
Zusatz 2: <input type="Radio" name="lehrgang3" value="silber"><br/>
Zusatz 3: <input type="Radio" name="lehrgang3" value="gold"><br/>
</div>

Das heißt ich muss irgendwie Prüfen ob der Radio-Button Lehrgang den Wert 3 hat.
Aber wie?

PHP:

1 2	IF Radiobutton (lehrgang="3") THEN DIV id(lehrgang3) visible

Gruß

Michael

2 mal bearbeitet

___________________________
Keep cool :-)
http://www.michael-anhalt.de Meine Private Homepage

12.02.2008 22:42 Uhr

Funatiker

Status: offline

hatte er schon geschrieben:

Zitat:

for(i = 0; i <= radios.length; i++) {
if (radios[i].checked) {
show_div(radios[i].value);
break;
}

je nachdem welcher button gechecked ist, wird die entsprechendes zahl als id des blocks, der angezeigt wird, verwendet..

___________________________
Profi-ICQ.de.vu - Infos zum ICQ-Client qip
Geld sparen (Flatrates) mailservice http://hostel3.de

12.02.2008 22:48 Uhr

zombie3456

Programmierer

Status: offline

<kleinerEinschub>

Zitat:
aber ich habe dies hier im WYSIWYG von Cybton geschriben und ka wie man da Tabs macht xD

Möglichkeit 1: Einfach mehrere Leerzeichen (im Normalfall 4) machen
Möglichkeit 2: Ein Tab aus einem anderem Fenster (z.B. ICQ) in die Zwischenablage kopieren und dann immer mit Strg + v einfügen.
</kleinerEinschub>

___________________________
DURATIVUM | Blog zur Sprache Latein

13.02.2008 01:20 Uhr

trustyxxma

Status: offline

Puh, das hat nun aber den ganzen abend gedauert bis ich es gerafft habe.
Nun sieht es so aus.

PHP:

<html>
<head>
<title>Test</title>
<meta name="author" content="michael.anhalt">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
 
<script type="text/javascript">
function show_further_information(name) {
var radios = document.getElementsByName(name);
for(i = 0; i <= radios.length; i++) {
if (radios[i].checked) {
show_div(radios[i].value);
break;
}
}
}
 
function show_div(id) {
if (id == "4") {
document.getElementById("drsa").style.visibility = 'visible';
} else {
document.getElementById("drsa").style.visibility = 'hidden';
}
if (id == "7") {
document.getElementById("sonstiges").style.visibility = 'visible';
} else {
document.getElementById("sonstiges").style.visibility = 'hidden';
}
}
 
</script>
 
<form action="" method="" target="">
<input type="Radio" name="lehrgang" value="1" onchange="show_further_information(this.name);">Anfängerschimmen<br>
<input type="Radio" name="lehrgang" value="2" onchange="show_further_information(this.name);">Jugend-/ Förderschwimmen<br>
<input type="Radio" name="lehrgang" value="3" onchange="show_further_information(this.name);">Junior-Retter<br>
<input type="Radio" name="lehrgang" value="4" onchange="show_further_information(this.name);">Rettungsschwimmer<br>
<input type="Radio" name="lehrgang" value="5" onchange="show_further_information(this.name);">Schnocheltaucher<br>
<input type="Radio" name="lehrgang" value="6" onchange="show_further_information(this.name);">Erste Hilfe<br>
<input type="Radio" name="lehrgang" value="7" onchange="show_further_information(this.name);">sonstiges<br>
<br>
 
<div id="drsa" style="visibility: hidden;">
Spezielle Auswahl zu Rettungsschwimmer:<br/>
Bronze<input type="Radio" name="drsa" value="bronze">&nbsp;&nbsp;
Silber<input type="Radio" name="drsa" value="silber">&nbsp;&nbsp;
Gold<input type="Radio" name="drsa" value="gold"><br/>
</div>
 
<div id="sonstiges" style="visibility: hidden;">
Spezielle Auswahl zu sonstiges:<br/>
<input type="Text" name="sonstiges"><br/>
</div>
</form>
 
</body>
</html>

Nun kommt aber die nächste Frage.
Wie stelle ich es an das das Div drsa oder sonstiges immer an der selben stelle/position beginnt.
Jetzt ist das Div drsa an der richtigen stelle nur das div sonstiges sitzt dann viel tiefer.

Aber dennoch danke für den ersten Teil.

Gruß

Michael

___________________________
Keep cool :-)
http://www.michael-anhalt.de Meine Private Homepage

13.02.2008 17:23 Uhr

thewebwar

Status: offline

ganz einfach

hättest du es so gemacht, wie ich es geschriben hatte, hättest du das Problem nicht gehabt :wink:

du musst das nehmen:

PHP:

1	document.getElementById(id).style.display = "block";

für dich umgeschriben:

PHP:

1	document.getElementById("drsa").style.display = 'block';

dies ist keine JavaScript Sache, sondern eine CSS Sache :wink:

visibility macht Sachen eben nur unsichtbar.
Display lässt sie ganz verschwinden :tongue:

hoffe dein Problem ist nun gelöst :wink:

@Zombie
öhm ja
aber dann hätte ich ja auch gleich alles im Editor schreiben können, wie ich es normal mache :wink:

Aber wie beschriben nicht die Zeit dazu gehabt, weil ich gerade aufm Sprung war und dachte das schreibste gerade noch schnell :tongue:

EDIT:
Natürlich das ganze auch hier ändern:

PHP:

1	<div id="drsa" style="visibility: hidden;">

wird zu

PHP:

1	<div id="drsa" style="display: none;">

LG Jens

3 mal bearbeitet

___________________________
Meine Homepage:
http://thewebwar.cybton.com/

14.02.2008 21:48 Uhr

trustyxxma

Status: offline

Hallo Jens,

danke für deine ausführliche Beschreibung.

War auch schon spät als ich es endlich gerafft habe. [13.02.2008 01:20 Uhr]

Danke.

Gruß

Michael

1 mal bearbeitet

___________________________
Keep cool :-)
http://www.michael-anhalt.de Meine Private Homepage

Seite 1 von 2

Ähnliche Threads	Forum	Ähnlichkeitsgrad
Formular in Mail und als PDF-Anhang	Website & Webprogrammierung	1
Radiostimme - allgemein Radioeinspieler	Software & Betriebssysteme	1
Formular Spiel (mit Javascript)	Website & Webprogrammierung	1
[Gelöst] JS Formularelemente je nach Eingabe anzeigen/verstecken, Probleme im IE	Website & Webprogrammierung	1
PHP Dateiupload nicht nach "submit" Klick starten ??! - sondern auf neuer Seite	Website & Webprogrammierung	1
Golf IV Radio BETA - schlechter Klang	Off-Topic	1
Formular Reload verhindern	Website & Webprogrammierung	1