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
