Discussion :

[Medenor]

Bonjour

Je monte actuellement un formulaire de génération de fiche, en gros selon les informations entrées, l'utilisateur récupère un texte contenant ces informations (le texte étant formaté, etc).

J'aurai voulu savoir si ce qui suit est possible:

En gros, avoir un bouton "+" qui permet d'ajouter deux nouveaux input côte à côte. Ce que l'utilisateur y entre sera récupéré sous forme de variables pour le texte.

Est-ce possible ?

Le lien du générateur:
http://warforum-jdr.com/genprez/presentation.php

Merci d'avance

[SpaceFrog]

ça doit même être dans les contributions ...

[Medenor]

Bonjour

En effet. J'ai également abouti avec des recherches google.
J'ai utilisé ce script que j'ai trouve sur le net:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script>
function create_champ(i) {
 
var i2 = i + 1;
 
document.getElementById('leschamps_'+i).innerHTML = '<input type="file" name="fichier_'+i+'"></span>';
document.getElementById('leschamps_'+i).innerHTML += (i <= 10) ? '<br /><span id="leschamps_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>' : '';
 
 
}
</script>

Voici mon script adapté:

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
 
<script>
function create_champ(i) {
 
var i2 = i + 1;
 
document.getElementById('pdc_'+i).innerHTML = '<tr>
    <td><input name="pdcname_'+i+'" type="text" id="pdcname_'+i+'" size="15" maxlength="255" value="Nom Dieu" onclick="this.value=\'\';" /></td>
    <td><input name="pdcpts_'+i+'" type="text" id="pdcpts_'+i+'" size="3" maxlength="2" /></td>
  </tr>
    </span>';
document.getElementById('pdc_'+i).innerHTML += (i <= 10) ? '<br /><span id="pdc_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un Dieu</a></span>' : '';
 
 
}
</script>

Voici la zone où est appliquée la génération dynamique de champs (c'est dans du php):

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<table>
  <tr>
    <td><input name="pdcname_1" type="text" id="pdcname_1" size="15" maxlength="255" value="Nom Dieu" onclick="this.value=\'\';" /></td>
    <td><input name="pdcpts_1" type="text" id="pdcpts_1" size="3" maxlength="2" /></td>
  </tr>
  <tr>
   <td><span id="pdc_2"><a href="javascript:create_champ(2)">Ajouter un Dieu</a></span></td>
   </tr>
</table>

Mais le script ne fonctionne pas, rien ne se passe quand j'appuie sur Ajouter un Dieu. Hors j'ai cherché mon erreur, sans succès :s

Voyez:
http://warforum-jdr.com/genprez/test.php

Pouvez-vous m'aider ?
Merci

[SpaceFrog]

Voilà ce qu'il arrive lorsque l'on utilise des scripts iochés ailleurs qui utilisent du l'insertion avec innerHTML ... :grin:
Je te conseillerais plutot d'utiliser les scripts de nos contributions qui utilisent createElemetn ou cloneNode...

[Medenor]

Bonjour

En effet, avec :

http://javascript.developpez.com/sou...e=forms#upload

ca fonctionne. J'ai réussi à adapter correctement

Néanmoins, je me pose la question: comment récupérer la/les variables créées pour

Code :

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

1
2
function generation()
{

Par exemple:

Code :

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

1
2
3
4
<tr>
            <td valign="top" align="right" >Nom & Pr&eacute;nom du personnage: </td>
            <td valign="top" align="left" ><input name="nomperso" type="text" id="nomperso" size="25" maxlength="255" /></td>
          </tr>

Code :

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

$nomperso = $_POST['nomperso'];

Là pas de problèmes. Mais ici ?

Merci d'avance

[vermine]

Bonjour,

Vous pouvez répéter la question ?
Si vous êtes côté serveur, votre PhP fonctionnera.
Si vous restez côté client pour du Javascript, vous récupérer un élément ainsi:

Code :

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

1
2
 
var nomperso = document.getElementById("nomperso").value;

[SpaceFrog]

la methode de siddh attribue les names dynamiquement , ça ne fonctionne pas avec IE ...

il faudrait plutot passer par un objet de formulaire caché et tu le clones avec cloneNode, puis te le rends visible.
Ensuite coté php tu recupères un tableau car ils ont le même name ...

Sinon il faudra passer par une autre contribution pour créer dynamiquemnt des objets de form :
http://www.developpez.net/forums/d53...s+pas+que+form

Prise en compte du name assurée ...