Opened by gmafx at 2010-03-12 16:57
User since
2009-09-13
7016 Artikel
BenutzerIn
2009-09-13
7016 Artikel
BenutzerIn
2010-03-13T18:37:05 gmafxP.S.: der hier ja zu reichlich Diskussion führende 2. Abschnitt meiner Frage (dynamisches HTML mit Javascript) erscheint mir etwas zu aufwendig zu sein, um es gerade mal so zwischen Tür und Angel hinzubekommen. Ich habe mir mal Dojo angeschaut, ich glaube ich muss mir erst mal die JS basics reinziehen (Mist, schon wieder eine Programmiersprache mehr, die man lernen muss, um bestimmte Dinge hinzukriegen).
Das ist nur Geplänkel. Man stößt bei JS immer auf solche Gegensätze, weil es wie eine Religion ist :)
Ich hab mal was gebastelt. Das fügt immer dann ein neues Feld ein, wenn das unterste belegt wird. Vielleicht kannst was damit anfangen:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<title>Test dyn. Feld</title>
<script type="text/javascript" language="javascript">
var upload_number = 1;
function ergaenzefeld (feldnr) {
feldnr = feldnr.substr(1);
if (feldnr == upload_number) {
upload_number++;
var d = document.createElement("div");
var file = document.createElement("input");
file.setAttribute("type","file");
file.setAttribute("name","file" + upload_number);
file.setAttribute("id","f" + upload_number);
file.onchange = function() {
ergaenzefeld(this.id);
};
d.appendChild(file);
document.getElementById('dynfelder').appendChild(d);
document.getElementById('f' + upload_number).style.width = '500px';
document.getElementById('f' + upload_number).style.fontSize = '10px';
}
}
</script>
</head>
<body>
<p>Test dyn. Feld</p>
<form name="upload">
<div id="dynfelder">
<div><input style="font-size: 10px; width: 500px;" id="f1" name="file1" type="file" onChange="ergaenzefeld(this.id)"></div>
</div>
</form>
</body>
</html>
Die Optik der Felder müsste man noch angehen, der FF und andere z.B. interpretieren die width im Input-Feld nicht, weil es vom type file ist.
Aber funktionell sollte es in ziemlich vielen Browsern klappen, kannst ja mal testen und Feedback geben.
10 print "Hallo"
20 goto 10
20 goto 10