Autor |
Nachricht |
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 46
Geschlecht:
|
Verfasst Mo 06.03.2006 21:58
Titel [PHP] Erweiterbares Formular |
|
|
Hi
Ich möchte gerne ein Formular aufbauen, bei dem paarig Namen eingetragen werden können. Diese sollen dann in ein Array eingetragen werden. Soweit so gut, alles kein Problem bis hierhin. Jetzt aber zur Krux: Das Formular soll zeilenweise erweiterbar sein.
Sprich, jede Zeile stellt einen paarigen Eintrag dar, sagen wir mal, am Anfang gibt es Platz für zehn Paare. Hinter jeder Zeile gibt es einen Schalter um weitere Zeilen hinzuzufügen oder die jeweilige Zeile zu entfernen. Und um eben diese Schalter geht es auch letztendlich. Was brauch ich alles, damit a) das mit den Zeilen hinzufügen/entferne funktioniert und b) beim erweitern des Formulares die bisher gemachten Einträge bestehen bleiben?
Dachte da an sowas wie einen Zeilenzähler beim ersten Aufruf zu übergeben und diesen dann per Klick auf + oder - zu erhöhen(verringern und dann neu aufbauen.
Any other ideas?
Merci,
Nimroy
Zuletzt bearbeitet von Nimroy am Mo 06.03.2006 22:22, insgesamt 1-mal bearbeitet
|
|
|
|
|
Sarky
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Mo 06.03.2006 22:51
Titel
|
|
|
Per JavaScript würde das recht einfach gehen, oder willst Du eine komplett server-seitige Lösung?
Das habe ich vor einiger Zeit mal geschrieben:
Code: |
function addElement(containerName, elementName, elementText)
{
if (document.getElementById)
{
var container = document.getElementById(containerName);
if (container)
{
var newElement = document.createElement(elementName);
var newElementNumber = container.getElementsByTagName(elementName).length + 1;
var newElementId = elementName + newElementNumber;
var newElementText = document.createTextNode(elementText + ' ' + newElementNumber + ' ');
newElement.setAttribute('id', newElementId);
var lineBreak = document.createElement('br');
container.appendChild(newElementText);
container.appendChild(newElement);
container.appendChild(lineBreak);
}
}
}
|
Code: |
<form id="dynForm">
<div id="inputContainer"></div>
<a href="javascript:void(0);" onclick="addElement('inputContainer', 'input', 'Person');">Weiteres Element</a>
</form>
<script type="text/javascript">
addElement('inputContainer', 'input', 'Person');
</script>
|
|
|
|
|
|
Anzeige
|
|
|
Nimroy
Community Manager Threadersteller
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 46
Geschlecht:
|
Verfasst Di 07.03.2006 07:55
Titel
|
|
|
Serverseitig wär schon schön. Mit JS ist das ja immr so ne Sache - von wegen an oder aus beim User.
|
|
|
|
|
|
|
|
Ähnliche Themen |
PDF Formular
PHP-Formular!
Formular
Formular
PDF Formular
[PHP] Formular im Wbb
|
|