<!-- this script got from http://my-htmlcodes.blogspot.com/ coded by: Morad Hasan-->
<table style="background: #ebebea; border: solid 1px #959492; width: 560px;">
<tbody>
<tr><td valign="top"><form action="" method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: solid 1px #b9b8b6; height: 300px; padding: 5px; scroll: auto; width: 260px;" wrap="soft">This is a great way to display code snippets to your visitors, allowing them to make changes and preview those changes all from the same page - keeping them on your site longer. Just replace this text within the script with whatever code you want to have displayed to your visitors. Click on the 'Generate Code' button to launch preview. More great scripts at <a href=http://www.java-scripts.net>Java-Scripts.net</a><br><br>
</textarea>
</form>
</td><td valign="top"><iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 1px #b9b8b6; height: 300px; width: 260px;">
</iframe>
</td>
</tr>
</tbody></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 &nbsp; &nbsp;</button><br />
<button onclick="window.location.href=window.location.href"><br /></button>

<font face="Tahoma"><a target="_blank" href="http://my-htmlcodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Code</span></a></font>