Discussion :

[MmoulinexX]

Bonjour,

Je ne suis pas un familier du Javascript et j'avoue avoir repris pouilleusement une fonction sur un autre site pour dupliquer un div. En voici un exemple simplifié :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
<!--
function add_auteur() {
var auteur = document.getElementById('nouvelAuteur').cloneNode(true);
document.getElementById('nouvelAuteur').appendChild(auteur);
}
//-->
</script>
 
<div id="nouvelAuteur">
 <label for="nomAuteur">Nom : </label><input type="text" name="nomAuteur[]" id="nomAuteur" value="" />
 <a href="javascript:add_auteur();" title="Ajouter une ligne de saisie">nouvel auteur</a>
</div>

Mais malheureusement j'ai un problème :
- la valeur de l'input text est répétée dans les input text insérés. Y'a t'il une propriété qui permette de dupliquer mon input sans la valeur ?

[Swoög]

Salut essaie ceci :

Code :

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

1
2
3
4
5
6
function add_auteur() {
var auteur = document.getElementById('nouvelAuteur').cloneNode(true);
inputs = auteur.getElementsByTagName('input');
for(var i = 0; i < inputs.length; ++i) inputs[i].value = "";
document.getElementById('nouvelAuteur').appendChild(auteur);
}

[SpaceFrog]

+1 swoog ...

true copie en profondeur ...
une autre possibilité serait d'avoir un elt auteur vierge en display non que tu clones et que tu bascule en display block ...

[MmoulinexX]

getElementsByTagName ... c'est bien cool javascript en fait !
merci beaucoup

edit : la solution de swoog me convient très bien, mais merci pour l'info