Benutzer:Keuljia/Texteditor
Aus SELFHTML-Wiki
Für dieses HTML...
<!DOCTYPE html>
<div id="text_1">
<textarea onclick="this.value='';" id="eingabe" cols="60" rows="30"></textarea>
</div>
<input type="submit" id="button1" value="Anschauen" onClick="speichern()"><br />
<input type="submit" id="button2" value="Webseite bearbeiten" onClick="aendern()" style="display:none">
... das passende JavaScript:
function speichern() {
document.getElementById('text_1').innerHTML = document.getElementById('eingabe').value
document.getElementById('button1').style.display = "none";
document.getElementById('button2').style.display = "block";
return false;
}
function aendern() {
document.getElementById('text_1').innerHTML = '<textarea id="eingabe" cols="60" rows="30">' + document.getElementById('text_1').innerHTML + '</textarea>';
document.getElementById('button1').style.display = "block";
document.getElementById('button2').style.display = "none";
return false;
}
