Discussion :

[arti2004]

Slt

je voulais ajouter ds mon formulaire une zone saisis dynamiquement.... en cherchant sur le net et les archives de developpez j'ai trouvé... ce qui est fait ( voir le code ci dessous.)

mon pb est comment savoir le nombre de zone creé par l'utilisateur et comment recuperer les valeurs des zones .?
merci.

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
 
<SCRIPT LANGUAGE="JavaScript">
 
function addField(){
var field = "<input type='text' name='champ' value='' size='10' maxlength='15'/><br/>";
document.getElementById('fields').innerHTML += field;
}
 
</SCRIPT>
<form name="test" method="post" action="Select.php" >
<div id="fields">
<input name="champ" type="text" size="10" maxlength="15" ><img src='btn_add.gif' onclick='addField(this);' /><br/>
</div>
<input type="button" value="+" >
</form>

[SpaceFrog]

ajouter un element de formulaire avec innerHTML


passe par le DOM

[E.Bzz]

Bonjour,
avant que les foudres se déclenchent, je ne peux que te conseiller d'utiliser la syntaxe DOM (cf. la FAQ) pour ajouter des éléments HTML (hors texte "en dur") dans ta page.
Surtout dans un forumlaire ...

Ainsi tes nouveaux champs seront "postés" comme les autres ...

A+

EDIT : trop tard : j'arrive après la foudre

[arti2004]

RE

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
 
<SCRIPT LANGUAGE="JavaScript">
 
 
function addField(bouton) {
    var conteneur = bouton.parentNode; // le div qui englobes les balises représentant un champ
    var liste = conteneur.parentNode; // le div qui contient tous les champs
    liste.appendChild(conteneur.cloneNode(true));
 
}
 
</SCRIPT>
<form name="test" method="post" action="Select.php" >
<div id="fields">
<input name="champ" type="text" size="10" maxlength="15"><br/>
<input type="button" value="+" onClick="addField(this);">
</div>
</form>

ma question est cmment recuperer le nombre de chams ajouté et les valeurs des champs remplis?

[E.Bzz]

ma question est cmment recuperer le nombre de chams ajouté et les valeurs des champs remplis?

Code :

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

1
2
3
4
5
6
7
8
 
var CptChamps = 0;
function addField(bouton) {
    var conteneur = bouton.parentNode; // le div qui englobes les balises représentant un champ
    var liste = conteneur.parentNode; // le div qui contient tous les champs
    liste.appendChild(conteneur.cloneNode(true));
    CptChamps++;
}

Elle est pas un peu récursive, ta structure, là ?

Ou alors, y a un loupé :
tel que tu l'écrit, "liste" représente ton <form>, et je crois pas que c'était le but ...

A+

[arti2004]

OUI. je n'arrive toujours pas a afficher les valeurs d'un champ.