Parcourir des éléments créés dynamiquement

[christgh]

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.

[christgh]

Pour le cas ou. J'ai enfin trouvé. Enfin j'ai contourné. Dans mon formulaire, j'ajoute un span id=''sousinp' qui encadre le span "input".

Lorsque les fichiers sont téléchargés, je supprime le span='input' et par là même tous les inputs file créés, puis je recréé le span "input".

Le span "sousinp" est important sinon cela s'insère un peu n'importe comment et il faudrait ajouter encore plus de code...

Puis je recréé un input type=file.

C'est moins joli que ce que je voulais faire. Mais deux jours, c'est suffisant.

Je regarderai le forum les jours prochains si quelqu'un aurait une meilleure idée.

Christian.

[SpaceFrog]

Code :

1
2
  var input = document.createElement('<input name="fileinput" />');
    input.type = "file";

puis
getElementsByName('fileinput')