May 24, 2000 - Sniffing the Editable Mode

Yehuda Shiran May 24, 2000
Sniffing the Editable Mode
Tips: May 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Internet Explorer 5.5 and up supports editable objects within an HTML document. You can set an object to be editable by the contentEditable property. You can also find out if an object is currently editable by the isContentEditable property. The following example includes a DIV element that includes the text "try editing this line...". When the user clicks a button, the contentEditable property of this line of text is switched. First, the code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function switchEditable() {
  if (oDiv.isContentEditable == true) {
          oDiv.contentEditable = false
  }
  else {
    oDiv.contentEditable = true;
  }
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="oDiv">Try editing this line...</DIV><P>
<BUTTON onclick="switchEditable()">Switch Editing On/Off</BUTTON>
<SCRIPT>
<!--
oDiv.contentEditable = true;
// -->
</SCRIPT>
</BODY>
</HTML>

and now the demo:

Try editing this line...