HTML Tester

[fedlerner]

I've the following code for an HTML editor:

<script language="JavaScript">
function preview() {
temp = document.editor.area.value;
preWindow = open("",
"preWindow","status=no, toolbar=no, menubar=yes");
preWindow.document.open();
preWindow.document.write(temp);
preWindow.document.close();
};
</script>
<center>
<form name="editor">
<textarea bgcolor="#262626" text="#e7c34a" cols=150 
rows=14 wrap=physical cursor="#ffa500" 
name="area"></textarea>
<br>
<input type=reset value="Clear Text" text="#000080">
<input type=button value="Show Me" 
onClick="preview()" text="#000080">
</form>

The good thing of this javascrit if that i can put something to appear, i mean if i put Hello between the brackets in

preWindow = open("",

Hello will be shown to the visitors.

The thing i want to do is to make:
-Have the results in the same page in another block.
-Have a scroll up and down bar in the boxes.
-Make it a little nicer and shorter (If you test the javascript, you'll see the box is long)
I want it to look like the one at: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_address

I hope you can help me with this please


Thanks,
fedlerner