<html>
<head>
<title>WebPad</title>
<link rel="StyleSheet" href="css/main.css" type="text/css" media="screen">
<link rel="StyleSheet" href="css/mojopanel.css" type="text/css">
<script src="js/Notepad.js"></script>
<script src="js/Options.js"></script>
</head>
<body>
<table width="95%" align="center" class="powered">
<tr>
<td width="200">
<div align="left"><!-- IF YOU REMOVE THIS YOU WILL NOT GET SUPPORT ANY WHERE FOR THIS SCRIPT ON ANY OFFICAL FORUM FOR DRENNANSOFT -->
<p align="right"><b>Powered By:</b> <a href="http://www.drennansoft.com/index.php?freebie=wp">WebPad</a></p>
<!-- /IF YOU REMOVE THIS YOU WILL NOT GET SUPPORT ANY WHERE FOR THIS SCRIPT ON ANY OFFICAL FORUM FOR DRENNANSOFT -->
</div></td>
<td class="title"><div align="center">Mojo-panel.com - Webpad</div>
</td>
<td width="200">
<div align="right"><a href="http://punbber.com/v204full/logged_in.php">Back To Control Panel</a></div></td>
</tr>
</table><table width="95%" align="center">
<tr>
<td width="48"> <div align="center" class="subtitle">
<p class="general_center"> </p>
</div></td>
<td><div align="center">
<p class="subtitle"><br>
Webpad</p>
</div></td>
<td width="48"> </td>
</tr>
</table>
<center>
<table border="0" bgcolor="White">
<tr>
<td>
<center>
<table>
<tr>
<td>
<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m7')"
onmouseout="mclosetime()">File</a>
<div id="m7"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: Save()">Save</a>
<a href="javascript: Print()">Print</a>
<a href="#preview">Preview</a>
<a href="javascript: FullScreen()">Full Screen</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m8')"
onmouseout="mclosetime()">Edit</a>
<div id="m8"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: undo(document.editor.field);" class="red">Undo</a>
<a href="javascript: redo(document.editor.field);" class="red">Redo</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Text Color</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: button('<font color="Red">', '</font>')">Red</a>
<a href="javascript: button('<font color="White">', '</font>')">White</a>
<a href="javascript: button('<font color="Blue">', '</font>')">Blue</a>
<a href="javascript: button('<font color="Green">', '</font>')">Green</a>
<a href="javascript: button('<font color="Purple">', '</font>')">Purple</a>
<a href="javascript: button('<font color="Orange">', '</font>')">Orange</a>
<a href="javascript: button('<font color="Black">', '</font>')">Black</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Alignment</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: button('align="left"')">Left</a>
<a href="javascript: button('align="center"')">Center</a>
<a href="javascript: button('align="right"')">Right</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m3')"
onmouseout="mclosetime()">Doctype</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: button('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">')">HTML Strict DTD</a>
<a href="javascript: button('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">')">HTML Transitional DTD</a>
<a href="javascript: button('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">')">Frameset DTD</a>
<a href="javascript: button('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">')">XHTML Strict DTD</a>
<a href="javascript: button('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">')">XHTML Transitional DTD</a>
<a href="javascript: button('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">')">XHTML Frameset DTD</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m4')"
onmouseout="mclosetime()">Height</a>
<div id="m4"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: button('height="10"')">10</a>
<a href="javascript: button('height="20"')">20</a>
<a href="javascript: button('height="30"')">30</a>
<a href="javascript: button('height="40"')">40</a>
<a href="javascript: button('height="50"')">50</a>
<a href="javascript: button('height="60"')">60</a>
<a href="javascript: button('height="70"')">70</a>
<a href="javascript: button('height="80"')">80</a>
<a href="javascript: button('height="90"')">90</a>
<a href="javascript: button('height="100"')">100</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m5')"
onmouseout="mclosetime()">Width</a>
<div id="m5"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: button('width="10"')">10</a>
<a href="javascript: button('width="20"')">20</a>
<a href="javascript: button('width="30"')">30</a>
<a href="javascript: button('width="40"')">40</a>
<a href="javascript: button('width="50"')">50</a>
<a href="javascript: button('width="60"')">60</a>
<a href="javascript: button('width="70"')">70</a>
<a href="javascript: button('width="80"')">80</a>
<a href="javascript: button('width="90"')">90</a>
<a href="javascript: button('width="100"')">100</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m9')"
onmouseout="mclosetime()">Style</a>
<div id="m9"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: StyleStart()">Custom Style</a>
<a href="javascript: button('<style>', '</style>')">Style Tag</a>
<a href="javascript: StyleBG()">Background Color</a>
<a href="javascript: StyleAlign()">Text Align</a>
<a href="javascript: StyleDecoration()">Text Decoration</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m6')"
onmouseout="mclosetime()">JavaScript</a>
<div id="m6"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="javascript: AlertWizard()">Alert Wizard</a>
<a href="javascript: WriteWizard()">Write Wizard</a>
<a href="javascript: RandomWizard()">Random Wizard</a>
<a href="javascript: FunctionWizard()">Function Wizard</a>
</div>
</li>
</ul>
<div style="clear:both"></div>
</td>
</tr>
</table>
</center>
<center>
<p>
<input type="button" value="Begin" onClick="Begin()" />
<input type="button" value="Meta" onClick="Meta()" />
<input type="button" value="Header #1" onClick="button('<h1>', '</h1>')" />
<input type="button" value="Header #2" onClick="button('<h2>', '</h2>')" />
<input type="button" value="Header #3" onClick="button('<h3>', '</h3>')" />
<input type="button" value="Header #4" onClick="button('<h4>', '</h4>')" />
<input type="button" value="Header #5" onClick="button('<h5>', '</h5>')" />
<input type="button" value="Image" onClick="Image()" />
<input type="button" value="Form" onClick="Form()" />
<input type="button" value="Small" onClick="button('<small>', '</small>')" />
<input type="button" value="Big" onClick="button('<big>', '</big>')" />
</p>
<p>
<input type="button" value="Bold" onClick="button('<b>', '</b>')" />
<input type="button" value="Italic" onClick="button('<i>', '</i>')" />
<input type="button" value="Underline" onClick="button('<u>', '</u>')" />
<input type="button" value="Paragraph" onClick="button('<p>', '</p>')" />
<input type="button" value="List" onClick="List()" />
<input type="button" value="Link" onClick="Link()" />
<input type="button" value="Center" onClick="button('<center>', '</center>')" />
<input type="button" value="Table" onClick="Table()" />
<input type="button" value="Break" onClick="button('<br />')" />
<input type="button" value="Horizontal Rule" onClick="button('<hr />')" />
<input type="button" value="Comment" onClick="button('<!-- ', ' -->')" />
</p>
</center>
</td>
</tr>
</table>
<br />
<form name="editor">
<textarea name="field" cols="100" rows="20" id="notepad" onKeyUp="preview('notepad', 'preview-notepad');" onKeyDown="countclik(document.editor.field);"></textarea>
</form>
<center>
<h2 id="preview"><u>Preview</u></h2> <small><a href="javascript: Print()">Printable Version</a> | <a href="javascript: Save()">Save</a> | <a href="javascript: FullScreen()">Full Screen</a></small>
<table border="0" width="700" bgcolor="White">
<tr>
<td>
<dl>
<dd id="preview-notepad"></dd>
</dl>
</td>
</tr>
</table>
<!-- It is not required to keep this copyright here. If you choose to remove this please give us credit somewhere on your site although it is not required -->
<p><a href="http://www.drennansoft.com" target="_blank">© 2008 Drennan Software</a> & <a href="http://www.mojo-panel.com" target="_blank">Mojo-Panel.com - Free Hosting Script</a> </p>
<!-- It is not required to keep this copyright here. If you choose to remove this please give us credit somewhere on your site although it is not required -->
</center>
</body>
</html>