Benutzer:Keuljia

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Webprojekte

Hier sind meine Webprojekte aufgelistet. Mein erster Punkt ist ein Online Texteditor.

Texteditor: HTMLW

Beispiel


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()">
<input type="submit" id="button2" value="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;
}

Vorteile:

  • Es ist ein ganz normaler Texteditor

Nachteile: