Discussion :

[m3galo]

Bonjour à tous,

J'essaye de cloner un tableau contenu dans un formulaire et d'en incrémenter les attributs des différentes balises.

L'action se fait sur un clique d'un bouton, clone le tableau et l'injecte à la suite de celui-ci.

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
 
<table cellpadding="0" cellspacing="0" border="0" width="100%">
	<tbody>
		<tr>
		     <td class="label_form"><label for="nom_filleul_1">Nom :&nbsp;</label></td>
			<td><input type="text" size="20" id="nom_filleul_1" name="nom_filleul_1" value="" /></td>
			<td rowspan="4" align="left"><img src="Public/Images/pastilleFilleul.png"/></td>
		</tr>
		<tr>
			<td class="label_form"><label for="prenom_filleul_1">Prénom :&nbsp;</label></td>
			<td><input type="text" size="20" id="prenom_filleul_1" name="prenom_filleul_1" value="" /></td>
		</tr>
		<tr>
			<td class="label_form"><label for="mail_filleul_1">E-mail :&nbsp;</label></td>
			<td><input type="text" size="20" id="mail_filleul_1" name="mail_filleul_1" value="" /></td>
			</tr>
		</tbody>
	</table>

Et j'essaye ainsi avec la fonction suivante d'incrémenter les différents attributs mais elle ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function ajouterFilleul (){
	if (cptFilleul == 1) {
		newClone = $("form_filleul_1").clone().inject($("form_filleul_1"), "after");
	}
	else {
		newClone = $("form_filleul_1").clone().inject($("form_filleul_"+cptFilleul), "after");
	}
 
	newClone = newClone.get('html').replace(/^([a-z])\_filleul_1/g, "$1_filleul_"+cptFilleul);
 
	cptFilleul++;
}

J'ai au préalable déclaré cptFilleul dans le domready, ainsi que l'event appelant cette fonction.

Pour ceux pour qui je n'ai pas été très clair, le but de cette fonction est de remplacer, par exemple, nom_filleul_1 par nom_filleul_2 au premier clique, nom_filleul_3 au second, etc dans les différents clones.

Je remercie d'avance celui ou celle qui pourra m'aider

[vermine]

Bonjour,

J'ai mis cptFilleul en globale en dehors du domReady. Ensuite j'ai testé ceci. C'est-à-dire que je set le html après l'avoir modifié:

Code :

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

1
2
3
4
5
6
7
8
 
newClone = $("form_filleul_1").clone().inject($("form_filleul_1"), "after");
 
var essai = newClone.get('html');
essai = essai.replace("nom_filleul_1", "nom_filleul_2");
newClone.set('html', essai);
essai = newClone.get('html');
alert(essai);

L'expression régulière pose également problème. Il faudrait investiguer de ce côté mais la syntaxe n'a pas l'air reconnue.