Self-Duplicating HTML Spreadsheet (for IE5+) ~ Tested in IE6.0, Netscape8.1, Opera9.0, Firefox1.5.0.4 and AOL Explorer1.2

T his client-applet allows Internet Explorer 5+ users to save and open spreadsheet files in HTML format. It does NOT use cookies. Each cell can contain as much information as needed and is not restricted to the 4k limit of cookies. Saving a spreadsheet will duplicate the entire JavaScript applet with whatever new data you put in it. Files can be re-opened, uploaded, and e-mailed.

* Reason for the "Spread Sheet" opening in a new page is because anything you have on the page will be saved as a complete HTML document. By having this effect on a page by itself will eliminate anything else on the page but the information you have entered. In other words if we had it on this page, anything you entered would be saved including all the text etc. on the entire page.

W e have tested the code in IE6.0, Firefox1.5.0.4, Opera9.0, Netscape8.1 and AOL Explorer1.2. This script worked in IE and AOL Explorer1.2. All other platforms tested we noted the same variation. It degrades well and you will not get any error messages.

Variation noted was that you can enter all the information but when you go to "Save As" it just opens another page with the blank Spread Sheet.

D epending on your knowledge of HTML and javascripts, this is an easy two (2) part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document with "No" reconfigurations.

Note Of Importance: All JavaScript functions must go in the <BODY> section of this IE5+ script (not the <HEAD> Section), or this spreadsheet applet will not self-duplicate when files are saved! In other words, the only part of the code that will be going into the <HEAD> section will be the
<style </style> Sheet. See below:

<style>
.tditem {
text-decoration: none;
}
</style>

What is the left box is the only part of the code that will be inserted into the <HEAD> section of your document.

O n the site you get the script, it is set up as a complete HTML document. Just study it and remove that parts that are not associated with the code. You can also view our source code on the page this effect is on to see what is needed and what is not. We have the source very well documented.

W e 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 ]