Select-A-Month
T his unique calendar, constructed using a textarea*, enables you to look up the calendar for any month of any year! Use the drop-down menu to select the desired month. Quite exceptional.
* For the definition of a "Textarea", follow the below link.
[ Define Textarea ]
W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.0. This script worked well in all platforms tested with no variations observed.
D epending on your knowledge of HTML and java scripts, this is an easy, three (3) part copy and paste code with "No" reconfigurations. Once you insert all three parts, thats it, you are ready to go.
T he first part goes in the <HEAD> section of your document. The second part goes directly into the <BODY> tag* and last goes into the <BODY> section itself where you want the textarea form to be seen.
* If you do not know how to insert an "onload event handler" directly into the <BODY> tag, see the below example.
</head>
<body bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc" BODY onLoad="setToday()">
O nce all three parts are done, you can relax, it is all done.
I f by chance you do not want the calendar on the page itself and would prefer it in a convenient little pop up window, below we will explain howto.
M ake a new HTML document and the only things you will have on the new document are:
- The Codes For The Calendar
- A Close Window button**
Located at the bottom of the new document- ** The button is to add a higher level of professionalism
to the page the calendar is on.
<!--- Start Code For Close Window Button --->
<p><form>
<input type=button value="Close Window"
onClick="javascript:top.window.close();">
</form></p>
<!--- End Code For Close Window Button --->
O
nce you have built the new document, added the calendar and the close window button to it, that page is done for now. Finally you need to add a two part java script into the <HEAD> and <BODY> sections of the document (page) you want to have the calendar pop up from once you click on a link for the calendar. The <BODY> section of the code you can place anywhere you want the link to appear.
[ Calendar Pop Up ]
Y
ou can generate the code for the pop up window at the below link. If you want your pop up window the size and attributes of ours, you would not select any attributes such as toolbar, scrollbars, location, statusbar, menubar and or resizable. The only things you need to set is the URL of the page called and the width=260 and height=330.
[ Generate Pop Up Window Code ]
I
f you would like to add this effect into your pages, just grab the below link and you are there. If you have any problems with this, feel free to contact us.
[ Get Code Here ]
|
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-