HTML Editor

gibney.org : Technology : HTML and CSS : HTML Editor

(Entry Nr. 349, by user 1 | edit)

<style>

iframe,textarea
{
 border: 1px solid #808080;
 padding: 0;
 margin: 0;
}

body
{
 padding: 0;
 margin: 0;
}

</style>

<textarea id=Data style="width: 100%; height: 45%"></textarea>
<div style="text-align: center">
<a href=# onClick="go()">go</a> |
<input type=checkbox id=realtime onclick="go()"> <label for=realtime>realtime</label> | 
<a href=# onClick="goFullscreen()">fullscreen</a> |
<a href=# onClick="newFullscreen()">new fullscreen</a>
</div>
<iframe name=hallo style="width: 100%; height: 45%"></iframe>

function go()
{
 Out = window.hallo.document;
 Out.open();
 In=document.getElementById("Data");
 Out.write(In.value);
 Out.close();
};

function goFullscreen()
{
 OutWin= window.open("about:blank","ge_html_editor");
 OutWin.focus();
 Out = OutWin.document;
 Out.open();
 In=document.getElementById("Data");
 Out.write(In.value);
 Out.close();
}

function newFullscreen()
{
 OutWin= window.open()
 Out = OutWin.document;
 Out.open();
 In=document.getElementById("Data");
 Out.write(In.value);
 Out.close();
}

function realtime()
{
 check=document.getElementById("realtime");
 if (!check.checked) return;
 go();
}

DataArea=document.getElementById("Data");
DataArea.onkeyup=realtime;

</script>

Create a new entry at this position