onclick dans un innerHTML
Bonjour,
j'essaie de faire un truc en javascript qui bascule une élément HTML en mode saisie et ou annuler ce mode.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
|
<script>
function coco(obj){
var txt=obj.innerHTML;
obj.setAttribute('onClick','');
obj.innerHTML="<input type='text' value='"+txt+"'>";
obj.innerHTML+="<input type='button' value='anuuler' onClick='kiki(this,'"+txt+"')'>";
}
function kiki(obj,txt){
obj.parentNode.innerHTML=txt;
}
</script>
<table><tr>
<td onClick="coco(this);">valeur type text</td>
</tr></table> |
ça bascule bien en mode saisie, la zone de texte s'affiche. seulement en cliquant sur Annuler, ça revient pas à l'état d'origine. et c'est tout à fait normal car le code HTML généré par le innerHTML ressemble à ça:
Code:
1 2
|
<td onclick=""><input value="valeur type text" type="text"><input value="anuuler" onclick="kiki(this," valeur="" text="" )="" type="button"></td> |
Le paramètre text de la fonction kiki est bizarrement mal "interprété" !!!
Des solutions?
merci