11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde,

je suis en train de créer une application web dans laquelle j'ai besoin de créer un formulaire avec des champs créés dynamiquement. Pour cela j'utilise un innerHtml. Voilà mon code JavaScript :


var a ;

function ajout(nom)
{
	document.getElementById('ajout').innerHTML += "<p><input type='text' id='"+ nom +"' name='" + nom +"' value='" + nom +"' onclick=\"if (a){document.getElementById(a).style.border = '';} a = this.id ; this.style.border = '2px green solid';\" /></p>";
}


Ce code marche à la perfection, mais je me heurte à un problème : si je modifies le contenu d'un champ, et que je créé un nouveau champ grâce à ce code, les modifications vont s'annuler.

Quelqu'un pourrait-il m'expliquer comment faire?

Merci pour votre ide
WebFan