par
AB » 30 sept. 2008, 18:14
est que je peux intégrer cette fonction dans du php car j'ai aussi un champ select qui contients des categories !
L'exemple que je t'ai donné plus haut permet d'ajouter à la volée (en js) un champ de formulaire. Ce que tu peux faire pour un champ tu peux le refaire pour d'autres...
Essaie de bien comprendre le mécanisme, puis rajoute des champs. Je t'ai donné un lien qui te permettra de comprendre les fonctions js utilisées.
En faisant
Code : Tout sélectionner
var champ_input = document.createElement('input');
champ_input.setAttribute('type','file');
champ_input.setAttribute('name','userfile[]');
champ_input.setAttribute('size','89');
javascript écrit l'équivalent html de
Auparavant j'ai créé un élément <p>
et j'inclus mon champ_input dans cette ligne en faisant
cela revient à dire qu'on ajoute un enfant - ici : champ_input - dans la ligne.
Ensuite j'inclus cette ligne dans l'élément html portant l'identifiant champs_sup en faisant
sachant que
et que j'ai passé 'champs_sup' comme argument à la fonction addchamps()
Donc au premier clic la page se transforme pour donner l'équivalent htm de
Code : Tout sélectionner
<body>
<input type="button" value="Ajouter un nouveau champ de saisie" onclick="addchamps('champs_sup')" />
<div id="champs_sup"><p><input type="file" name="userfile[]" size="89"></p></div>
</body>
au second clic
Code : Tout sélectionner
<body>
<input type="button" value="Ajouter un nouveau champ de saisie" onclick="addchamps('champs_sup')" />
<div id="champs_sup"><p><input type="file" name="userfile[]" size="89"></p><p><input type="file" name="userfile[]" size="89"></p></div>
</body>[quote="hi-logik"]
est que je peux intégrer cette fonction dans du php car j'ai aussi un champ select qui contients des categories !
[/quote]
L'exemple que je t'ai donné plus haut permet d'ajouter à la volée (en js) un champ de formulaire. Ce que tu peux faire pour un champ tu peux le refaire pour d'autres...
Essaie de bien comprendre le mécanisme, puis rajoute des champs. Je t'ai donné un lien qui te permettra de comprendre les fonctions js utilisées.
En faisant
[code] var champ_input = document.createElement('input');
champ_input.setAttribute('type','file');
champ_input.setAttribute('name','userfile[]');
champ_input.setAttribute('size','89'); [/code]
javascript écrit l'équivalent html de [code]<input type="file" name="userfile[]" size="89">[/code]
Auparavant j'ai créé un élément <p> [code]var ligne = document.createElement('p'); [/code] et j'inclus mon champ_input dans cette ligne en faisant [code]ligne.appendChild(champ_input);[/code]
cela revient à dire qu'on ajoute un enfant - ici : champ_input - dans la ligne.
Ensuite j'inclus cette ligne dans l'élément html portant l'identifiant champs_sup en faisant [code]conteneur.appendChild(ligne);[/code] sachant que [code]var conteneur = document.getElementById(idChamp);[/code] et que j'ai passé 'champs_sup' comme argument à la fonction addchamps()
Donc au premier clic la page se transforme pour donner l'équivalent htm de
[code]<body>
<input type="button" value="Ajouter un nouveau champ de saisie" onclick="addchamps('champs_sup')" />
<div id="champs_sup"><p><input type="file" name="userfile[]" size="89"></p></div>
</body>[/code]
au second clic
[code]<body>
<input type="button" value="Ajouter un nouveau champ de saisie" onclick="addchamps('champs_sup')" />
<div id="champs_sup"><p><input type="file" name="userfile[]" size="89"></p><p><input type="file" name="userfile[]" size="89"></p></div>
</body>[/code]
