Poser une question

Re: Formulaire dynamique

Salut,

Tu y est presque mais la construction ne se fait pas comme on le ferait à la main. Tu n'a pas besoin d'ouvrir puis de fermer les balises. C'est d'ailleurs le rôle de la programmation par objet. Travail ton tableau HTML comme la création d'un élément "input". C'est un objet avec ces propriétés et méthodes.

Voilà un exemple avec des DIV.

<script type="text/javascript">
<!--//
var i = 0;
oFormulaireDynamique.innerHTML="";
function twAjoutChamp(){
var oDiv = document.createElement('div');
oDiv.setAttribute('id','monChamp'+(i+1));
var oChamp = document.createElement('input');
oChamp.setAttribute('name','monChamp'+(i+1));
oChamp.setAttribute('type','text');
oChamp.setAttribute('size',20);
oChamp.setAttribute('value','monChamp'+(i+1));
i++;
oDiv.appendChild(oChamp);
oFormulaireDynamique.appendChild(oDiv);
}
//-->
</script>

<form method="get" action="">

<input type="button" name="Button" value="Ajouter un champ" onclick="twAjoutChamp()"> | <input type="button" name="Button" value="Voir le code" onclick="alert(oFormulaireDynamique.innerHTML);">
</form><br >
<span id="oFormulaireDynamique"></span>

Ciao
Oznog

Réponses

Re: Formulaire dynamique  elou 29/11/2005