Bonjour,
J'ai un formulaire de gestion de commandes qui me permet de cliquer sur un des éléments dans la liste des items en commande pour modifier ses imformations (prix de vente, etc...). La fonction que j'appelle en Ajax pour faire la modification me retourne le code HTML modifié pour me permettre de réafficher l'item dans la liste. Je parcours alors ma liste afin de trouver l'item dont l'ID correspond puis je souhaite remplacer le DIV à cet endroit par le nouveau code HTML que j'ai reçu. J'avais pensé faire un truc de ce genre :
Bien entendu, createElement() n'est pas construite pour absorber un bout de code HTML et en faire un ou plusieurs objets DOM, j'ai donc le message d'erreur "Argument non valide" au niveau de l'appel à replaceChild(). J'aimerais savoir comment je devrait m'y prendre pôur remplacer mon objet DOM par mon nouveau code HTML. Est-ce possible d'ajouter du contenu en plein millieu du innerHTML de l'objet parent? Est-ce possible de créer un objet DOM à partir de code HTML alors que ce code HTML ressemble à cela :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var newDiv = document.createElement(xmlHttp.responseText); divDetail.replaceChild(oldDiv, newDiv);
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div class="section_detail_ligne" id_pc="882" type_item="0" id_item="10279" id_couleur="3" id_tissus="1"> <div class="section_detail" style="width:45px; text-align:center;">PR</div> <div class="section_detail" style="width:500px; text-align:left;">BILL 1538-002-TC</div> <div class="section_detail" style="width:174px; text-align:left;">Black</div> <div class="section_detail" style="width:174px; text-align:left;">Custom Fabric</div> <div class="section_detail" style="width:52px; text-align:center;">1</div> <div class="section_detail" style="width:67px; text-align:right;">249,00 $</div> <div class="section_detail" style="width:22px; text-align:right;"><img src="img/modifier.png" border="0" onclick="load_mod_form(this.parentNode.parentNode.id_pc)" style="cursor:pointer"></div> </div>
Partager