Dupliquer dynamiquement un champs (joindre un autre fichier)

**FMaz** · 28/02/2006, 20h06

Bonjour,

Je suis en train de programmer un truc qui doit permettre de joindre des fichiers.

J'aimerais faire un peu comme le système de GMail et placer un lien "Joindre un fichier supplémentaire" qui duplique un champ <input type="file"> ... idéalement à l'infini.

Comme la tâche est complexe et assez pointu, je ne m'attend pas vraiment à obtenir une solution complète et fonctionnelle, donc si vous avez des idées partielles, elles seront bienvenu.

**gorgonite** · 28/02/2006, 20h42

un peu de js document.write()

**FMaz** · 28/02/2006, 20h45

Nop, car document.write défait toute la page actuelle.

J'ai trouvé par moi-même, j'Ai pas encore fini, mais j'en suis la:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
		var JoindreCompteur=1;
	function DupliquerJoindreFichier(){
		JoindreCompteur++;
		var cto='&nbsp;&nbsp;&nbsp; <input type="file" name="WebFichierJoint_'+JoindreCompteur+'" /><br />';
		var cfrom=document.getElementById('JoindreFichier').innerHTML;
		cfrom=strReplace(cfrom,"<!--addnew-->",cto);
		document.getElementById('JoindreFichier').innerHTML=cfrom+"<!--addnew-->";
	}
	function strReplace(s, r, w){
	     return s.split(r).join(w);
	}

et, en HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
	<div style="clear:both;">
		<br />
		<strong>Joindre un fichier:</strong><br />
		<div id="JoindreFichier">
			&nbsp;&nbsp;&nbsp; <input type="file" name="WebFichierJoint_1" /><br />
			<!--addnew-->
		</div>
		<span style="font-size:8pt;"><a href="#" onclick="DupliquerJoindreFichier();">Joindre un autre fichier</a></span>
	</div>