Ajout de code HTML à un DIV avec innerHTML

Marsh Posté le 13-12-2006 à 12:31:57

Bonjour

Voilà, j'ai créé une page afin de définir la cartographie d'une maison avec par défaut un tableau html qui représente un pièce. Or, étant donné qu'une maison peut conteni n pièces (jusque là, je ne vous apprend rien ) j'ai écris une fonction JS qui via Ajax, récupère le code HTML d'une autre pièce pour l'ajouter sur la page.

Ma zone de pièces est définie de la sorte :

Code :

<form name="formulaire_cartographie" action="cartographie_enregistrer.php" method="post">
<input type="hidden" name="conteur_piece" value="1">
<div id="zone_pieces">
...
</div>
</form>

Et lorsque je veux ajouter un pièce, je fais appelle à une fonction JS qui fait :

Code :

document.getElementById("zone_pieces" ).innerHTML += code_html;

où code_html est le code html de la nouvelle pièce.
Jusque là, tout va bien, tout fonctionne correctement, à une exception prêt. En effet, chaque tableau HTML représentant un pièce contient un bout du formulaire "formulaire_cartographie" dans lequel sont saisis les infos de chaque pièce. Mon problème est que lors de l'ajout d'une pièce, tout ce qui a été saisi précédemment s'éfface. En gros comme si je faisai un reset du formulaire. Comment pourrais-je conserver la saisie précédente ?
Je précise que l'ajout se fait par Ajax, la page n'est donc pas rechargée.

Merci

Marsh Posté le 13-12-2006 à 12:31:57

Marsh Posté le 14-12-2006 à 07:44:27

Au lieu de innerHTML+= ... essaye avec appendChild()

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *