Parcourir des éléments créés dynamiquement
Bonjour,
Voici un problème dont je ne me sors pas.
Je créés des input file :
Code:
1
2
3
| //Création de l'élément input
var input = document.createElement("input");
input.type = "file"; |
Une fois le contrôle créé, l'utilisateur choisi son fichier. J'ai un événement onChange qui cache ce contrôle et en créé un autre. Etc.
Une fois les fichiers uploder, grâce à un iframe, je récupère le retour du submit dans la même page. Lorsque la page côté serveur est chargée dans l'iframe j'appelle une fonction, en callback, pour effacer les inputs cachés.
Je n'y parviens pas. J'ai essayé beaucoup de chose, mais voici le code de base.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
function test()
{
var i;
var tabInput = document.getElementsByTagName("input");
var n = tabInput.length;
for (i=0; i<n; i++)
{
if (tabInput[i].type.toLowerCase()=="file")
{
//$("input").removeChild(tabInput[i]);
if (tabInput[i].value !="")
{
inp = document.getElementById("input");
//nmFile = tabInput[i].name;
inp.removeChild(nmFile);
}
}
}
document.getElementById("fichiers").innerHTML ="Liste des photos...";
} |
Les inputs sont créés dans un form multipart/form-data qui contient une balise <span id="input"></span>.
J'espère que vous verrez le problème, je suis dessus depuis hier pensant avoir fait le plus gros et...
Par avance merci.
Christian.
