Formulare aufklappen ?!

[dreadlord]

Ich habe wieder mal ein Problem und zwar versuche ich folgendes zu realsieren.

Ich habe ein Forumlar z.B.

Name

Vorname

Straße

PLZ

Ort

und möchte z.B. nach Ort einen Button / Link haben, der bei einem Klick weitere Eingabefelder des Formulars anzeigt, z.B.

Telefonnummer

Telefax

eMail usw.

Wenn der Button nicht gedrückt wird, sieht der Benutzer dieses Abschnitt des Formulars nicht. Das ganze soll kein seperates Formular sein, wenn möglich.

Danke schonmal.

Gruß

dread

[robotto7831a]

Hallo,

das läst sich mit PHP relativ leicht lösen.

if (isset($_POST['name_des_buttons']))

{

    //Felder anzeigen

}

[/php]

Frank

[dreadlord]

Für diese Variante müsste ich aber das Formular einmal abschicken, genau das will ich eben nicht. Der Button soll das Formular nur "erweitern" bzw. aufklappen.

In der Art wie das Forum hier ihre Aufklappfunktion (Das Aufklappen der Kategorien) handhabt.

Ich vermute ja stark, dass sich das nur mit JavaScript realisieren lässt.

[kills]

Boardsuche hilft wunder....

http://forum.fachinformatiker.de/search.php?

http://forum.fachinformatiker.de/showthread.php?t=63044

http://forum.fachinformatiker.de/showthread.php?t=62883

[dreadlord]

Hm, danke für die Links, allerdings tut sich da ein kleines Problem auf.

Ich habe folgendes einfügt:

<script language="javascript">

function toggle(targetId) {

target = document.all(targetId);

if (target.style.display == "none"){

target.style.display="";

} else {

target.style.display="none";

}

}

//-->

</script>


Im Formular:


<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>

<tr id="ShowForm" style="display: none">

<td>Bild 2:</td> 

<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>

[/PHP]

Problem ist nun folgendes, will ich ein weiteres Feld auf und zu klappen mit dem selben Link "Weitere Bilder einfügen", macht er es nicht. Beispiel:

[PHP]<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 3:</td>
<td><input type="text" size="50" name="ds[image2]" value="http://" maxlength="75"></td></tr>

Er klappt bei diesem Fall immer nur noch das Feld Bild 2 auf, das Feld Bild 3 erscheint nie.

[kills]

Hm, danke für die Links, allerdings tut sich da ein kleines Problem auf.

Ich habe folgendes einfügt:

<script language="javascript">

function toggle(targetId) {

target = document.all(targetId);

if (target.style.display == "none"){

target.style.display="";

} else {

target.style.display="none";

}

}

//-->

</script>


Im Formular:


<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>

<tr id="ShowForm" style="display: none">

<td>Bild 2:</td> 

<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>

[/PHP]

Problem ist nun folgendes, will ich ein weiteres Feld auf und zu klappen mit dem selben Link "Weitere Bilder einfügen", macht er es nicht. Beispiel:

[PHP]<tr><td colspan="2" align="center"><a href="javascript:toggle('ShowForm')">>> Weitere Bilder einfügen<< </a></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 2:</td>
<td><input type="text" size="50" name="ds[image1]" value="http://" maxlength="75"></td></tr>
<tr id="ShowForm" style="display: none">
<td>Bild 3:</td>
<td><input type="text" size="50" name="ds[image2]" value="http://" maxlength="75"></td></tr>

Er klappt bei diesem Fall immer nur noch das Feld Bild 2 auf, das Feld Bild 3 erscheint nie.

eine Id sollte in aller regel eindeutig sein!

wenn du mehrere elemente "klappen" möchtest, musst du die Elemente zu einem gruppieren, z.b. bei Tabellen mit <thead></thead> oder <tbody></tbody> oder <tfoot></tfoot> bzw mit <div></div> bei anderen elementen