Hjælp til Test the code box

Jeg har fundet sådan en test the code box..
Der er 3 knapper: Generate Preview, Clear all, og Reload.
Hvordan tilføjer jeg en knap mere, så når man klikker på den åbner i et nyt vindue. Nederste kode kan i se hva jeg mener

Her er koden til den box jeg bruger hvor knappen skal på
=========================================================

<table style="width:600px;border:solid 1px #959492;background:#ebebea">
<tr><td valign=top>
<form name="form1" method="post" action="">
<textarea name="code" wrap="soft" onclick="focus(this.code)" style="border:1px solid #b9b8b6;padding:5px;width:314;height:300;scroll:auto">
</textarea>
</form>
</td><td valign=top>
<iframe src="about:blank" name="preview" style="height:300px;width:357px;border:1px solid #b9b8b6;background:#ffffff" frameborder=0>
</iframe>
</table>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Generate Preview</button>
<button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Clear All</button>
<button onClick="window.location.href=window.location.href">Reload</button>

=======================================================

Og her er koden til anden box hvor den knap der er på:

=======================================================

<form name="tester">
<textarea name="box" rows="8" wrap="physical" cols="45" style="border: 1px solid #9ac"></textarea>
<p>
<input onclick="preview()" type="button" value="Test The Code">
<input type="reset" value="Reset">
</p>
</form><SCRIPT language=JavaScript>
function preview() {
temp = document.tester.box.value;
preWindow = open("",
"preWindow"," menubar=no, scrollbars=yes");
preWindow.document.open();
preWindow.document.write(temp);
preWindow.document.close();
};
</SCRIPT>