<span id="ligne_1"><a href="javascript:create_champ(1)">Ajouter un champs</a></span>

Oups le code a mal été interprété. Je le remets là :
[javascript]
function create_champ(i) {
var i2 = i + 1;
document.getElementById('ligne_'+i).innerHTML = '<div id="champs_'+i+'" style="display:block">'+
'<input type="text" name="idcatajout_'+i+'">'+
' <input type="button" value="Supprimer" onClick="supprime_champ('+i+')" /><BR><BR>'+
'</div>';

document.getElementById('ligne_'+i).innerHTML +='<span id="ligne_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>';
}

function supprime_champ(i){
var parent = document.getElementById('ligne_'+i).parentNode;
parent.removeChild(document.getElementById('ligne_'+i));

}
[/javascript]

[html]<span id="ligne_1"><a href="javascript:create_champ(1)">Ajouter un champs</a></span>[/html]

  <script type="text/javascript">
function create_champ(i) {
var i2 = i + 1;
document.getElementById('ligne_'+i).innerHTML = '<div id="champs_'+i+'" style="display:block">'+
						    '<input type="text" name="idcatajout_'+i+'">'+
						    ' <input type="button" value="Supprimer" onClick="supprime_champ('+i+')" /><BR><BR>'+
						    '</div>';
						    
document.getElementById('ligne_'+i).innerHTML +='<span id="ligne_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>';
}

function supprime_champ(i){
	var parent = document.getElementById('ligne_'+i).parentNode;
	parent.removeChild(document.getElementById('ligne_'+i));
	
}

</script>
<span id="ligne_1"><a href="javascript:create_champ(1)">Ajouter un champs</a></span>

Bonjour,

Je suis en train de travailler sur un formulaire avec une fonction d'ajout et suppression de champs texte.
Voici mon code : [html] <script type="text/javascript">
function create_champ(i) {
var i2 = i + 1;
document.getElementById('ligne_'+i).innerHTML = '<div id="champs_'+i+'" style="display:block">'+
'<input type="text" name="idcatajout_'+i+'">'+
' <input type="button" value="Supprimer" onClick="supprime_champ('+i+')" /><BR><BR>'+
'</div>';

document.getElementById('ligne_'+i).innerHTML +='<span id="ligne_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>';
}

function supprime_champ(i){
var parent = document.getElementById('ligne_'+i).parentNode;
parent.removeChild(document.getElementById('ligne_'+i));

}

</script>
<span id="ligne_1"><a href="javascript:create_champ(1)">Ajouter un champs</a></span>
[/html]
L'ajout fonctionne parfaitement. Par contre la suppression d'un champ supprime également le lien d'ajout. J'ai cherché de long en large mais je ne trouve pas ou le bas blaisse...si vous avez une idée pour m'aider c'est gentil !

A bientôt,
:)