Fonction JavaScript utilisant JQuery dans un html
Bonjour,
Je souhaite faire ceci :
Code:
<input class="ajouterdiv" onclick="javascript:newExperienceForm();" name="ajouterdiv[6]" value="+" type="button">
avec dans le HTML cette fonction :
Code:
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:
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:
<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 ;)
