Discussion :

[pikachu56]

Bonjour,

Je souhaite faire ceci :

Code :

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

<input class="ajouterdiv" onclick="javascript:newExperienceForm();" name="ajouterdiv[6]" value="+" type="button">

avec dans le HTML cette fonction :

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
19
20
<script src="/javascripts/jquery-ui-pa/jquery.js" type="text/javascript"></script>
<script type="text/javascript"> 
function newExperienceForm() { 
	var n = $(this).prev().find(".champhidden").val();
	n++;
	$(this).prev().find(".champhidden").attr("value",""+n);
	$(this).prev().find(".EmployerOrgName").attr("name","EmployerOrgName["+n +"]");
	$(this).prev().find(".eMunicipality").attr("name","eMunicipality["+n +"]");
	$(this).prev().find(".StartDate").attr("name","StartDate["+n +"]");
	$(this).prev().find(".EndDate").attr("name","EndDate["+n +"]");
	$(this).prev().find(".eDescription").attr("name","eDescription["+n +"]");
	$(this).prev().find(".positionType").attr("name","positionType["+n +"]");
	$(this).prev().find(".supprimerdiv").attr("name","supprimerdiv["+n +"]");
	$(this).prev().attr("id","employerOrg_"+n);
	$(this).prev().clone().appendTo('#expPro');
	$(this).prev().toggle();
	$(this).clone().appendTo('#expPro');
	$(this).remove();
}
</script>

J'ai cette erreur quand je teste :

Code :

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

this.cloneNode is not a function

J'imagine que je dois déclarer autrement vu que ma fonction utilise JQuery, mais j'ai cherché assidument sur la toile et je n'ai rien trouvé. Pouvez vous m'aider??

Merci




PS : Si je fais

Code :

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

<input class="ajouterdiv" onclick='var n = $(this).prev().find(".champhidden").val();n++;$(this).prev().find(".champhidden").attr("value",""+n);$(this).prev().find(".EmployerOrgName").attr("name","EmployerOrgName["+n +"]");$(this).prev().find(".eMunicipality").attr("name","eMunicipality["+n +"]");$(this).prev().find(".StartDate").attr("name","StartDate["+n +"]");$(this).prev().find(".EndDate").attr("name","EndDate["+n +"]");$(this).prev().find(".eDescription").attr("name","eDescription["+n +"]");$(this).prev().find(".positionType").attr("name","positionType["+n +"]");$(this).prev().find(".supprimerdiv").attr("name","supprimerdiv["+n +"]");$(this).prev().attr("id","employerOrg_"+n);$(this).prev().clone().appendTo(\'#expPro\');$(this).prev().toggle();$(this).clone().appendTo(\'#expPro\');$(this).remove();'

Cela fonctionne sans problèmes, mais c'est laid

[pikachu56]

J'ai réussi, il suffisait de faire :

Code :

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

<input class="ajouterdiv" onclick="javascript:newExperienceForm(this);" name="ajouterdiv[6]" value="+" type="button">

Dans le HTML

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
19
20
<script src="/javascripts/jquery-ui-pa/jquery.js" type="text/javascript"></script>
<script type="text/javascript"> 
function newExperienceForm(obj) { 
	var n = jQuery(obj).prev().find(".champhidden").val();
	n++;
	jQuery(obj).prev().find(".champhidden").attr("value",""+n);
	jQuery(obj).prev().find(".EmployerOrgName").attr("name","EmployerOrgName["+n +"]");
	jQuery(obj).prev().find(".eMunicipality").attr("name","eMunicipality["+n +"]");
	jQuery(obj).prev().find(".StartDate").attr("name","StartDate["+n +"]");
	jQuery(obj).prev().find(".EndDate").attr("name","EndDate["+n +"]");
	jQuery(obj).prev().find(".eDescription").attr("name","eDescription["+n +"]");
	jQuery(obj).prev().find(".positionType").attr("name","positionType["+n +"]");
	jQuery(obj).prev().find(".supprimerdiv").attr("name","supprimerdiv["+n +"]");
	jQuery(obj).prev().attr("id","employerOrg_"+n);
	jQuery(obj).prev().clone().appendTo('#expPro');
	jQuery(obj).prev().toggle();
	jQuery(obj).clone().appendTo('#expPro');
	jQuery(obj).remove();
}
</script>

Voilou, si ça peut servir à quelqu'un...