JavaScript - edit div inner html
DEMO: http://jsfiddle.net/sssCB/1/
The last thing you want to do before implementing this in your website is to find an effective way of eliminating script tags to prevent users injecting scripts to your site enabling them to potentially steal data
function appendText(button) { if (button.className == "edit") { button.className = "ok"; button.innerHTML = "OK"; document.getElementById("addedText").style.display = "none"; document.getElementById("usertext").style.display = "inline"; document.getElementById("usertext").value = document.getElementById("addedText").innerHTML.replace(/<br>/g,"\n").replace(/<br\/>/g, "\n"); } else if (button.className == "ok") { button.className = "edit"; button.innerHTML = "Edit" document.getElementById("addedText").style.display = "block"; document.getElementById("usertext").style.display = "none"; document.getElementById("addedText").innerHTML = document.getElementById("usertext").value.replace(/\n\r?/g, '<br/>'); } }

No comments:

Post a Comment