Digg StumbleUpon LinkedIn YouTube Flickr Facebook Twitter RSS Reset
Comments Off on Javascript: Utiliser l’attribut contenteditable pour modifier le contenu d’un élément

Javascript: Utiliser l’attribut contenteditable pour modifier le contenu d’un élément

Javascript: Utiliser l'attribut contenteditable pour modifier le contenu d'un élément
Download

<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 .