HTML JavaScript DHTML

/*
JavaScript Bible, Fourth Edition
by Danny Goodman 
John Wiley & Sons CopyRight 2001
*/



.normal {color: black}
.editing {color: red}


function toggleEdit() {
    //var newState = !editableText.isContentEditable
    var newState = !editableText.isContentEditable
    editableText.contentEditable = newState
    editableText.className = (newState) ? "editing" : "normal"
    editBtn.innerText = (newState) ? "Disable Editing" : "Enable Editing"
}


Editing Contents




Turn on editing to modify the following text:


Edit this text on the fly....


Enable Editing