If you want to see how to add the calculator
to your form page, just enlarge this window
for the tutorial.
I
f you would like to add this calculator to your page and have it pop up on your order form like this one does, it is quite simple. Make another page and paste the calculator script in the <BODY> section of the new document with a link from the order form to the page your calculator will be on. It has no reconfigurations so once on the page, it is done.
[ Get Calculator Code Here ]
W e have tested the code in IE5.5, IE6 and Netscape4.08. This script worked well in all platforms tested with no variations observed.
I
f you did not come to this page from our email form example with a calculator, just click the below link to see how it can look with a calculator included on an email order form to figure price and percentage.
[ Back To Email Order Form ]
I f you want to add the form button to the order form page, it is a two part process. One section of the below script goes into the <HEAD> section of your main document. For this example it is the order form page. The second part of the script, which is the form button itself, goes anywhere in the <BODY> section of the main document. You would position it on your page you want it to appear.
Pop Up Window Script
<!-- TWO STEPS TO INSTALL POPUP WINDOW:
1. Paste the first into the <HEAD> of your HTML document
2. Use the code to open the popup page on your site -->
<!-- STEP ONE: Copy this code into the <HEAD> of your HTML document -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL: http://fineline.xs.mw -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id
+ "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,
width=350,height=350');");
}
// End -->
</script>
<!-- STEP TWO: Use the following button code for the new window -->
<form>
<input type=button value="Words On Button" onClick="javascript:popUp
('Path To Your Calculator Page')">
</form>
<!-- Script Size: 0.73 KB -->
I n the <HEAD> section of the script you will see all the color codes. If it is color coded, you can change it. Now, with all the attributes set to the number 1, it is denoting that all those attributes are in effect. If you don't want any or some of them, just change the number to 0.
T he other reconfiguration is the size of the pop up window. This is designated by the numbers following the "Width and Height. Those are the only reconfigurations in the <HEAD> section of the main document.
T he reconfigurations are self explanitory in the <BODY> section of your document. You name the button to what you want, and you change the path, ( URL ) to that of the page you built for the calculator.
|
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
|
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
|
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-