JavaScript - dynamisch formulare hinzufügen - Freesoft-Board

Seb² · 30.04.2009, 17:28

Hallo Leute!
Ich will dynamisch Upload Felder hinzufügen so wie //WarezLink entfernt

Das kann auch von da geklaut sein!
Wichtig ist mir das:

1. Die Eingabe im ersten Feld gespeichert wird, wenn man neues Feld hinzufügt!
2. Die Anzahl von neu zu erstellenden Feldern auf 5 beschränkt ist!
3. Jedes Feld seinen eingenden Namen hat!

Ich weiß das nich ganz einfach aber vll kann mir ja einer helfen....
mfg seb

Guardian · 30.04.2009, 19:05

Nabend,

ich benutze das hier in meinen Projekten:

Upload multiple files with a single file element | Stickblog

Die Lizenz ist sehr benutzerfreundlich, lade Dir einfach das ZIP (multiple-file-element.zip) runter und passe die JS Funktion an. Es gibt noch neuere Versionen, dafür ist die Lizenz dann nicht so freizügig.

bye
Guardian

Seb² · 03.05.2009, 11:32

Danke für deine Mühe Guardian!
Ist vll eine Alternative zu meinem Wunschscript...

Jedoch hätte ich das doch ganz gerne so wie oben beschrieben. Und zwar kommen hier mal meine Script Entwürfe:

Code:

<html>
<head>
<title>Test</title>

<script type="text/JavaScript">

var feld = 1;
function neu() {
 var inhalt = document.Formel.n_1.value;
 // var inhalt = "";
 feld++;
 document.getElementById('dynamic_input').innerHTML += feld +
 " <input type='file' size='32' ' + feld + value='' + inhalt + ''><br>";
}
</script>

</head>
<body>

<form name='Formel' action='' method='POST'>
<div id='dynamic_input'>
<input type='file' name='n_1' size='32'></input><br />
</div>
<button type='button' onClick='neu();'>Neues Formularfeld</button>

</form>															


</body>
</html>

Aber ist halt in den Grundzügen schon gescheitert....
Es fehlt:
Die Begrenzung der neuen Uploadfiles
und das das die Felder gespeichert werden wenn man ein neues hinzufügt

Danke schonmal für die Hilfe mfg seb!

Guardian · 05.05.2009, 15:00

Mit Speichern meinst Du das die erste Datei schon hochgeladen wird? Ich würde das mit einem eingebundenen iFrame lösen. Das verhindert ein Reload der Seite.

Du hast also ein Formular mit einem Upload Element und dem iFrame der als src die PHP Datei hat (target ist der iFrame). Per onchange oder onclick wird der Klick auf den "Durchsuchen" Button ausgewertet und die die erste Datei (über Javascript) an den iFrame geschickt.

Wenn Du das Formular über Javascript abschickst kannst Du
a) die Anzahl der Uploads begrenzen und
b) auf den Abschluss des Uploads reagieren

Die Anzahl der Uploads müssen natürlich auch serverseitig geprüft werden.

so würde ich es jedenfalls realisieren

bye
Guardian

Seb² · 27.05.2009, 19:02

Habe das jetzt lange alleine versucht, komm aber nicht weiter so wie Guardian das beschrieben hat....
Kann mir wer eventuell einer helfen also den Code schreiben oder mir zumindestens sagen was für Elemente ich brauche oder so?
Wäre echt super wenn das einer machen würde!
Meldet euch einfach!
mfg seb

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Frage zu HTML grafische Formulare	Yoda2003	HTML	5	14.11.2007 10:43
[Anfrage] Formulare mit Outlook erstellen???	atrax	Outlook	2	16.12.2005 18:05
Tipp Farbpalette für Formulare ändern	HobbY-FreaK	Access	0	12.03.2005 18:24
Tipp Formulare und Berichte über Listenfelder öffnen	HobbY-FreaK	Access	0	05.03.2005 11:42

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen