Discussion :

[agnaou]

bonjour et tous et bon debut de semaine
aprés plusieurs essai je décidé de vous posté mon pro :
j'ai formulaire qui contient plusieurs champ dont un est lié a un button ajouter qui contient a sont evénement onclick une function js qui permet de crée un champ de type file
sans ce champ la (type file de js )tous est normal
mais lorsque je clique sur ce boutton (ajouter le champ file) et je valide le champ file ne transmet pas (les autre champ ok)
et merci d'avance pour vous reponses

[Thes32]

salut,

l'attribut name de ton nouveau champ file doit être incorrect. Peux montre ce qui est crée par Javascript après le onclick ?

Note bien : relis toi deux fois avant de poster

[agnaou]

tous d'abord merci pour ta reponse rapide
et voilz mon script:

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!--ce script pour définier-->
<script language="javascript" type="text/javascript">
//instantiation l'objet XMLHttpRequest sous firfox et IE
function ajax(){
 
	if(window.XMLHttpRequest) // Firefox et autres
	xhr_object = new XMLHttpRequest();
 
	else if(window.ActiveXObject){ // Internet Explorer
		try {
			xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
 
		} catch (e) {
			try {
				xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
 
			} catch (e1) {
				xhr_object = null;
			}
		}
	}
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return ;
	}
	return xhr_object;
}
 
function CreerForm(element)
     {
 
     if(element != '')
     {
 
               file('Script.php?element='+escape(element));
     }
	 else{
		return false;
	       }
}
 
function files(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
         { xhr_object = new XMLHttpRequest();}
     else if(window.ActiveXObject) // IE
          { xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); }
     else
          { return(false); }
     xhr_object.open("GET", fichier, false);
     xhr_object.send(null);
     if(xhr_object.readyState == 4) { 
		//placera le form généré dans la div voulu
document.getElementById(madiv).innerHTML=xhr_object.responseText;; }
     else 
		{ return(false); }
     }
</script>
<script type="text/javascript">
          var compteur = 0;
         function ajouter(){
            // On récupère le fieldset
            var conteneur   = document.getElementById('fichiers');
            /**
            * Création des éléments dont on a besoin :
            * Un div dans lequel on mettra notre champ file et une case à cocher
            * qui nous servira à enlever ensuite le div.
            *
            * En utilisant un div ça sera plus facile car sinon
            * on aurais du enlever le champ file et la case à cocher séparément.
            */
            var undiv      = document.createElement('div');
            var fich      = document.createElement('input');
            var check      = document.createElement('input');
 
            fich.name   = 'newimage';
            fich.type   = 'file';
 
            check.type   = 'checkbox';
 
            // On enlève sur le click de la checkbox
            check.onclick = function(){
               // Elément à enlever
               lediv      = this.parentNode;
               // Elément auquel on enlève
               lefieldset   = lediv.parentNode;
               // On enlève !
               lefieldset.removeChild(lediv);
            }
 
            /**
            * Ajout des éléments au div grace a appendChild
            * qui ajoute à la fin.
            * On utilise aussi createTextNode pour ajouter du texte apres la case
            */
            undiv.appendChild(fich);
            undiv.appendChild(check);
            undiv.appendChild(document.createTextNode("Enlever"));
 
            // Ajout du div :
            conteneur.appendChild(undiv);
         }
      </script>

et pour le button

Code :

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

<input type="button" value="OK" onclick="ajouter()">

sachant que ce button est indépandent du button de validation de formulaire
et merci d'avance

[Thes32]

si je comprends quand tu cliques sur le bouton OK tu as :

Code :

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

<input type="file" name="newimage" />

vérifie que c'est bien ça dans ton code html généré après le click.

[agnaou]

[QUOTE=thes32;4158099]si je comprends quand tu cliques sur le bouton OK tu as :

Code :

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

<input type="file" name="newimage" />

QUOTE]
merci pour ta reponse :oui c est ça
mais aprés le click le code géré ne contient pas ca
et merci encore une fois pour vous reponse

[Thes32]

Peux tu poster le code source html qui est généré après ton click ?