|
Script Introduction
I have seen various threads within forums asking how to pass values from one page to the
other in order to facilitate the splitting of a large form. It is not neccessary to do this
unless you really wish to as a large form can be accomodated on a single page and still have
the feel of a small form. The script below is one metghod of achieving this. It is written and
tested using IE5.5 & N6+ It will not work for N4+ but the script/markup/css could be adapted
I would imagine. -diades.
Cut and Paste Code: HEAD Section
This code should be placed between the <head> and </head> tags.
Cut and Paste Code: BODY Section
This code should be placed between the <body> and </body> tags.
Installation Instructions
-
Paste the HEAD Section code from above between the <head> and </head> tags on your page.
-
Paste the BODY Section code from above between the <body> and </body> tags on your page.
-
To add another "tab", find:
<div id="tabs">
and add:
<input id="tab2" type="button" value="Page 3" name="tab2" onclick="showPage(2)">
with the next numbers on. Then find:
<div id="page2" class="pge" style="z-index:0;">
and, again, edit it with the next numbers on.
Place any form controls into any "page" div as your layout requires, add functionality to validate() if required.
Position the tabbed form on the page and format.
-
Check the Format Window
to be sure you do not have one single line of code, or too many line breaks in the code.
Example
A sample of the script can be seen via the link below.
Example
|
