[DOM] création d'un nombre de champs dependant d'autres variables

salut,
je veux faire un formulaire avec un champ et un bouton une fois introduit une valeur numérique (n) et en appuyant sur le bouton il y aura une création d'un (n) champs texte dans la même page (dans un div par exemple)
merci d'avance

http://www.developpez.net/forums/d53...ynamique-form/

Citation:

---

Envoyé par tntneo

en appuyant sur submit

---

la page est partie. tu ne peux pas faire grands chose après.
fais un tour côté ajax...

Citation:

---

Envoyé par SpaceFrog

http://www.developpez.net/forums/d53...ynamique-form/

---

je suis entrain de lire ça mais c'est un peu compliqué

Citation:

---

Envoyé par SpaceFrog

http://www.developpez.net/forums/d53...ynamique-form/

---

c'est pas forcement un submit même un bouton normal

Bonjour,

Tu peux faire quelque chose du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function AjouteChamps(nom) { nbre = document.getElementById(nom).value; for( i = 0; i < nbre; i++) { textbox = document.createElement('input'); textbox.setAttribute("type","text" ); textbox.setAttribute("name","champ"+(i+1)); document.getElementById('monDiv').appendChild(textbox); } }

---

et sur le bouton :

Code:

---

1 2	<input type="button" name="monbouton" onclick="AjouteChamps('idDuTextboxOuEstEcritLaValeur')" />

---

merci beaucoup
ça marché
poblème résolu

Code:

---

textbox.setAttribute("name","champ"+(i+1));

---

j'ai des doutes sous IE ...

selon msdn "name attruibute cannot be set at runtime"
autrement dit l'attribut name ne peut etre definit ou modifié dynamiquement

A merde, j'avoue l'avoir utiliser qu'une fois pour un truc personnel et comme j'utilise toujours FF j'avais jamais testé sur IE. Après l'avoir testé je confirme. Cela ne marche pas sur IE... Désolé !

On peut toujours se faire un :

Code:

---

1 2	var input = '<input type="text" name="champ' + (i+1)'" />

---

et ajouter cela par innerHTML et tant pis pour le DOM :(

pareil ça ne fonctionnera pas, c'est sasn doute d'ailleurs pour cela que je me suis fendu d'un truc "un peu complique" pour palier à cette lacune d'IE ... ;)

oui même avec d'autre navigateur comme opera ne marche pas
le truc que l'attribut ne peut être définit ou modifié dynamiquement
donc on peut dire c moitié résolu
ça marche que sur firefox

Je ne comprends pas ce que tu entends par : cela ne passera pas.

Si l'on fait un truc du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function AjouteChamps(nom) { nbre = document.getElementById(nom).value; var texte = ''; for( i = 0; i < nbre; i++) { text += '<input type="text" name="monChamp' + (i+1) + '" />'; } document.getElementById('maDiv').innerHTML = text; }

---

Pourquoi cela ne passerait pas ? Après c'est peut être les différences entre les IE :( mais sur IE 7 il m'affiche bien mes textbox.

Merci pour les infos

ils sont affichés mais le name n'est pas forcément prix en compte, et du coup la valuer n'est pas forcément soulise lors du submit du form etcoté serveur tu ne recupères pas tes valeurs $_POST['name'] ou $_GET['name']

Citation:

---

Envoyé par Matthieu2000

la page est partie. tu ne peux pas faire grands chose après.
fais un tour côté ajax...

---

Sauf si

Code:

---

1 2 3

<form onsubmit="javascript:MaMethod(); return false;"> </form>

---

Autrement comment ferait-on pour vérifier le contenu d'un formulaire avant validation?

on pourrait par exemple utiliser un button et non un submit qui ferait les vérifications et appellerait la méthode submit après.

edit : désolé spacefrog j avais pas vu ta réponse. Merci pour l'information c'est vrai que j'utilise de temps en temps la façon de faire (avec innerHTML) et j'avais jamais remarqué que cela pouvait posé des problèmes mais c'est vrai que la plupart du temps c'était pour des applis perso donc tournant sur FF mais bon... Ben merci beaucoup je vais essayer d'en apprendre plus sur ta méthode qui a priori est la meilleure. Merci :D

Citation:

---

Envoyé par Alt157

on pourrait par exemple utiliser un button et non un submit qui ferait les vérifications et appellerait la méthode submit après.

---

Et une personne n'ayant pas javascript d'activé ne pourrais jamais valider ton formulaire :)

lol je m'y attendais à cette réponse mais j'ai du quitter le PC deux minutes et n'ai pas eu le temps de faire la modif pour marquer la précision avant ta réponse.

C'était juste pour dire qu'il y avait d'autres solutions possibles, même si elle ne sont pas forcement meilleures. tout dépend du contexte.