Today is . Page created 08/11/06

Memo Pad Memo Pad Pad

Visitors can make notes on your site and they will be stored in a cookie until they return. The script includes an auto-save feature and the ability to print and e-mail the notes. The cookie has a 4Kb limit.

We have tested the code in IE6.0, Firefox1.5.0.6, Opera9.01, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with one (1) variation observed in Netscape8.1 .

Depending on your knowledge of HTML and java scripts, this is an easy, three (3) part copy and paste code with minimal reconfigurations.

  1. Copy and paste a section of code into a notepad, save as memoPad.js and upload it into your directory
  2. Copy & Paste a section of code (wherever you want the form button to appear) into the <BODY> section of your HTML document.
  3. Copy & Paste some code (complete HTML document) into an External HTML file* named: memo_pop.htm*.
  4. * The file extension the script site have chosen "Does Not End" in .html. As a result, it may not be displayed correctly in all browsers. In other words, we suggest changing the file extension to .html as opposed to .htm.
  5. * When the instructions tell you to paste this code into an external HTML file named: memo_pop.htm, all they are doing in reality is telling you to make a new page, paste the designated code and save it as memo_pop.htm or more correctly memo_pop.html.

Warning Logo     Note Of Importance:     If you are not sure of howto make the external .js file and make use of it within your document, grab the below link and it is fully explained.
[ .js File Howto ]

  • Note:
  • The memoPad.js file that is in question is located in the "External HTML File" and not on the page you place the form button to call the memo pad.
  • If you have uploaded this file (memoPad.js) into a directory other than your root or main directory, you will have to reflect the change of path in the memoPad.js.
  • If you need a little refresher on howto, grab the below link and it is fully explained.
    [ Howto Change Path In External.js File ]

If you are going to change the file extension from .htm to .html, then you need to make a reconfiguration within the form button (<BODY> section) to reflect this change. See below where and howto:

Default

<form style="text-align: center;">
<input type="button" onclick="my_pad=window.open
('memo_pop.htm','memo1','left=0,top=0,width=350px, height=243px');my_pad.focus()" value="Open Memo Pad">
</form>

Reconfigured

<form style="text-align: center;">
<input type="button" onclick="my_pad=window.open
('memo_pop.html','memo1','left=0,top=0,width=350px, height=243px');my_pad.focus()" value="Open Memo Pad">
</form>

For Your Information For your Information:     If you are not comfortable or prefer not to use the external.js file, you can use the traditional cut/copy and paste instead of the external .js file. If you need a little refresher on what is required to achieve this, grab the below link and it is fully explained.
[ Traditional Cut/Copy and Paste ]

Snipplet Of Code

<script type="text/javascript" src="memoPad.js">
</script>
Traditional Copy/Cut and Paste

<SCRIPT LANGUAGE="JavaScript">

<HEAD> Section of code goes here

//  End -->
</script>
Arrow External .js file



Arrow Traditional Copy/Cut & Paste Code with opening & closing tags that you had to add into the <HEAD> section of code that was originally earmarked to be an external .js file.

I f you would like to see an example of this effect using the "Traditional Cut/Copy & Paste" method, grab the below link and you are there. Examine our "Source" code (on the page you will be opening) to see how we had to reconfigure it to make it work. We have it very well documented for your convenience.
[ Traditional Cut/Copy & Paste Method ]

The only reconfiguration that you can make in the below section would be to change the "maxLength=4000 // 4078 cookie max". See below on where and howto:

<!---- Reconfigurations memoPad.js File ---->

cookieName="usermemo"
expDays=365

maxLength=4000 // 4078 cookie max
document.onkeyup=chkLength
ns=document.getElementById&&!document.all
firstRun=1

//Memobox script

Define Areas Of Reconfiguration

  • maxLength=4000 Denotes how many characters you can use.
  • 4078 cookie max ~ Denotes how big the cookie will be to store the information.
  • If you change the maxLength=5000.
  • Then you should change 5078 cookie max.

The other reconfigurations that can be made (cosmetic) are located in the <BODY> section of the "External HTML File". There are over thirty (30) locations that you can reconfigure the colors within this section. Just study the code and play around qwith it until it works for your site.

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]