Discussion :

[cotede2]

Bonjour , j'aimerais réaliser un uploadeur d'images multiples.
Quand on arrive sur la page , un seul champ de type file serait afficher et un lien en dessous Joindre une autre image.

L'appui de ce lien provoquerait l'ajout d'un champ de type file et ce de manière infinie.
(un peu comme une messagerie avec la fonction Joindre un fichier , Gmail le réalise très bien).

J'ai trouvé une source
http://www.sitepoint.com/article/lay...ent-javascript

Mais c'est limité à générer du code HTML une seule fois et j'aimerais en générer un nombre non fixé de fois.

Code :

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

1
2
 
oLayer.write(sText);

Moi j'aimerais:

Je clique => ca ajoute un champ
Je clique => ca ajoute un champ
Je clique => ca ajoute un champ
....

Merci pour votre aide.

[cotede2]

En faisant ceci je m'en sors pas mal.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<DIV ID="pics" style="position:absolute;top:10px;
left:10px;"></DIV>
 
<script language="Javascript">
function WriteLayer() {
 var ID = 'pics';
 var text = '<input type="file" name="pictures[]" size="30"/>';
 
 
 if (parseInt(navigator.appVersion)>=5&&navigator.
appName=="Netscape") {
   document.getElementById(ID).innerHTML = document.getElementById(ID).innerHTML +	text;
 }
}
</script>
 
<form>
<br><br>
<input type="button" value="Display Time" onclick="WriteLayer
()">
</form>

Cependant , le code HTML est en quelque sorte concaténé.
Mais si je renseigne un champ , et que j'appuie sur ajouter un champ , les champs renseignés sont réinitialisés car à la base le code HTML contenait champs vides...


Comment faire pour que les valeurs soient gardés entre chaque ajout..?