Dupliquer dynamiquement un champs (joindre un autre fichier)

Version imprimable

28/02/2006, 20h06
FMaz

Dupliquer dynamiquement un champs (joindre un autre fichier)

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.
28/02/2006, 20h42
gorgonite

un peu de js document.write() :wink:

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:

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:

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>

01/03/2006, 16h17
FMaz

Ca y est, j'ai réussi, et à préserver les valeurs des champs précédents lors d'un ajout (comme sur Gmail ! ) yeepi !
01/03/2006, 16h24
SpaceFrog

document.write :vomi: :vomi: :vomi: :vomi: :vomi:

createElement ou cloneNode true ...
01/03/2006, 18h21
FMaz

J'ai réussit avec des .innerHTML ...
Tu peux me donner des exemple de tes 2 fonctions ?
02/03/2006, 10h27
denisC

Citation:

Envoyé par FMaz

J'ai réussit avec des .innerHTML ...
Tu peux me donner des exemple de tes 2 fonctions ?

:faq:
http://javascript.developpez.com/faq...DOM#DOMajouter