<html> <head> </head> <body> <HTML> <head> <style> .normal {color: black} .editing {color: red} </style> <script> function toggleEdit() { var etatZone = !editableText.isContentEditable editableText.contentEditable = etatZone editableText.className = (etatZone) ? "editing" : "normal" editBtn.innerText = ((etatZone) ? "Desactiver" : "Activer") +" l'édition" editBtn.textContent=((etatZone) ? "Desactiver" : "Activer") +" l'édition" } </script> </head> <body> <H1>Modification des contenus</H1> <HR> <DIV ID="editableText">Le texte à modifier en cliquez sur le bouton ci-dessous</DIV> <P><BUTTON ID="editBtn" onClick="toggleEdit()" onFocus="this.blur()"> Cliquez ici pour éditer le texte </BUTTON></P> </body> </HTML> </body> </html> |
Cet article Javascript: Utiliser l’attribut contenteditable pour modifier le contenu d’un élément est apparu en premier sur .