LibYAML: input-mask.html

File input-mask.html, 92.3 kB (added by anonymousdfhfgh, 6 months ago)
gh

Line
1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2	<html><head><title>The JavaScript Source: Forms : Input Mask</title>
3
4
5
6	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
7	<meta name="description" content="This script uses unobtrusive JavaScript to implement " input="" masks.="" maximum="" field="" limited="" to="" length="" of="" mask.="" characters="" that="" entered="" into="" the="" fields="" constrained,="" and="" separators="" are="" automatically="" added.="" (no="" actual="" is="" done.="" check="" our="" site="" for="" validation="" scripts.)="">
8	<meta name="date" content="2007-08-10">
9	<meta name="channel" content="Developer">
10	<meta name="author" content="Baron Schwartz">
11	<meta name="section" content="Forms">
12
13	<link rel="stylesheet" type="text/css" href="input-mask_files/basicFile.css">
14	<link rel="stylesheet" type="text/css" href="input-mask_files/tabber.css">
15	<script type="text/javascript" src="input-mask_files/common.js"></script>
16	<script type="text/javascript" src="input-mask_files/tabber.js"></script>
17
18	<script type="text/javascript">
19	<!--
20	// Tabber created by: Patrick Fitzgerald \| http://www.barelyfitz.com
21	document.write('<style type="text/css">.tabber{display:none;}<\/style>');
22	//-->
23	</script><style type="text/css">.tabber{display:none;}</style>
24	<script type="text/javascript">
25	<!--
26	/* This script and many more are available free online at
27	The JavaScript Source :: http://javascript.internet.com
28	Created by: Baron Schwartz :: http://www.xaprb.com/
29	Licensed under: GNU Lesser General Public License */
30
31	/*
32	* Copyright (C) 2006 Baron Schwartz <baron at xaprb dot com>
33	* http://www.xaprb.com/html-input-mask/html-form-input-mask.html
34	* This program is free software; you can redistribute it and/or modify it
35	* under the terms of the GNU Lesser General Public License as published by the
36	* Free Software Foundation, version 2.1.
37	*
38	* This program is distributed in the hope that it will be useful, but WITHOUT
39	* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
40	* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
41	* details.
42	*
43	* $Id: html-form-input-mask.js,v 1.6 2006-11-03 04:04:29 baron Exp $
44	*/
45
46	/* Set up a global Xaprb object to act as the Xaprb namespace, without colliding
47	* with other Xaprb scripts.
48	*/
49	if ( typeof(Xaprb) === 'undefined' ) {
50	Xaprb = new Object();
51	}
52
53	/* The Xaprb.InputMask object acts as the namespace for input masking
54	* functionality.
55	*/
56	Xaprb.InputMask = {
57
58	/* Each mask has a format and regex property. The format consists
59	* of spaces and non-spaces. A space is a placeholder for a value the user
60	* enters. A non-space is a literal character that gets copied to that
61	* position in the value. The regex is used to validate each character, one
62	* at a time (it is not applied against the entire value in the form field,
63	* just the characters the user enters).
64	*
65	* The way you name your masks is significant. If you create a mask called
66	* date_us, you cause it to be applied to a form field by a) adding the
67	* input_mask class to that form field, which triggers this script to treat
68	* it specially, and b) adding the class mask_date_us to the form field,
69	* which causes this script to apply the date_us mask to it.
70	*/
71	masks: {
72	date_iso: {
73	format: ' - - ',
74	regex: /\d/
75	},
76	date_us: {
77	format: ' / / ',
78	regex: /\d/
79	},
80	time: {
81	format: ' : : ',
82	regex: /\d/
83	},
84	phone: {
85	format: '( ) - ',
86	regex: /\d/
87	},
88	ssn: {
89	format: ' - - ',
90	regex: /\d/
91	},
92	visa: {
93	format: ' - - - ',
94	regex: /\d/
95	}
96	},
97
98	/* Finds every element with class input_mask and applies masks to them.
99	*/
100	setupElementMasks: function() {
101	if ( document.getElementsByClassName ) { // Requires the Prototype library
102	document.getElementsByClassName('input_mask').each(function(item) {
103	Event.observe(item, 'keypress',
104	Xaprb.InputMask.applyMask.bindAsEventListener(item), true);
105	});
106	}
107	},
108
109
110	/* This is triggered when the key is pressed in the form input. It is
111	* bound to the element, so 'this' is the input element.
112	*/
113	applyMask: function(event) {
114	var match = /mask_(\w+)/.exec(this.className);
115	if ( match.length == 2 && Xaprb.InputMask.masks[match[1]] ) {
116	var mask = Xaprb.InputMask.masks[match[1]];
117	var key = Xaprb.InputMask.getKey(event);
118
119	if ( Xaprb.InputMask.isPrintable(key) ) {
120	var ch = String.fromCharCode(key);
121	var str = this.value + ch;
122	var pos = str.length;
123	if ( mask.regex.test(ch) && pos <= mask.format.length ) {
124	if ( mask.format.charAt(pos - 1) != ' ' ) {
125	str = this.value + mask.format.charAt(pos - 1) + ch;
126	}
127	this.value = str;
128	}
129	Event.stop(event);
130	}
131	}
132	},
133
134	/* Returns true if the key is a printable character.
135	*/
136	isPrintable: function(key) {
137	return ( key >= 32 && key < 127 );
138	},
139
140	/* Returns the key code associated with the event.
141	*/
142	getKey: function(e) {
143	return window.event ? window.event.keyCode
144	: e ? e.which
145	: 0;
146	}
147	};
148
149	//-->
150	</script>
151
152	<script type="text/javascript" src="input-mask_files/prototype.js"></script>
153
154	<script type="text/javascript">
155	<!--
156	/* This script and many more are available free online at
157	The JavaScript Source :: http://javascript.internet.com
158	Created by: Baron Schwartz :: http://www.xaprb.com/
159	Licensed under: GNU Lesser General Public License */
160
161	// Multiple onload function created by: Simon Willison
162	// http://simonwillison.net/2004/May/26/addLoadEvent/
163	function addLoadEvent(func) {
164	var oldonload = window.onload;
165	if (typeof window.onload != 'function') {
166	window.onload = func;
167	} else {
168	window.onload = function() {
169	if (oldonload) {
170	oldonload();
171	}
172	func();
173	}
174	}
175	}
176
177	addLoadEvent(function() {
178	Xaprb.InputMask.setupElementMasks();
179	});
180	//-->
181	</script>
182
183
184	<link href="input-mask_files/textlinks.css" type="text/css" rel="stylesheet"><script src="input-mask_files/textlinkshtml.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="input-mask_files/listmenu_h.css"><link rel="stylesheet" type="text/css" href="input-mask_files/listmenu_h_settings.css"><style type="text/css">
185
186	#navitoolbarcontainer a {
187	line-height: 16px;
188	}
189
190	</style><link href="input-mask_files/textlinks.css" type="text/css" rel="stylesheet"><style type="text/css">
191	.threadlevel1 {margin-left:0px}
192	.threadlevel2 {margin-left:10px; background-color:#FFFFCC}
193	.threadlevel3 {margin-left:20px}
194	.threadlevel4 {margin-left:30px; background-color:#FFFFCC}
195	.threadlevel5, .threadlevel6, .threadlevel7,
196	.threadlevel8, .threadlevel9, .threadlevel10
197	{margin-left:40px}
198	.commInf {display:inline}
199	.comment br {font-size:6px}
200	</style><link href="input-mask_files/solstyle.css" rel="stylesheet" type="text/css"><script src="input-mask_files/Keywords.js" type="text/javascript"></script><script src="input-mask_files/Keywords_002.js" type="text/javascript"></script></head><body><script id="DL_374792_6_391612" type="text/javascript" src="input-mask_files/decide.htm"></script><div id="EchoTopic">
201
202	<div id="header">
203
204	<p class="center">
205	<script language="JavaScript" type="text/javascript"><!--
206	function openDescription(ID) {
207	var url = "http://www.ppcforhosts.com/public/util/description.cfm?id=" + ID;
208	link = window.open(url,"newWin","directories=0,height=250,location=0,menubar=0,resizable=1,scrollbars=1,status=0,toolbar=0,width=450");
209	}
210	//--></script>
211	<!-- Begin Tribal Fusion Text Links -->
212
213	<script>
214	var tf_pubSiteId=115;
215	var tf_maxKeywords=10;
216	</script>
217	<script src="input-mask_files/textlinks.js" type="text/javascript"></script>
218	<!-- _End_ Tribal Fusion Text Links -->
219	</p><table border="0" cellpadding="10" cellspacing="0" width="100%">
220	<tbody><tr><td align="center">
221	<!-- cdXpo code -->
222	<center>
223	<script type="text/javascript" src="input-mask_files/fsmenu_commented.js"></script>
224	<script type="text/javascript" src="input-mask_files/menuset.js"></script>
225	<script type="text/javascript" src="input-mask_files/menusetv2.js"></script>
226	<script type="text/javascript" src="input-mask_files/menusetv3.js"></script>
227
228
229
230
231
232
233
234	<!-- START TOP TOOLBAR -->
235	<div id="heightcontainer"></div>
236
237	<div style="width: 100%;" id="navitoolbarcontainer">
238	<div style="margin: 0px; padding: 0px; width: 100%;">
239	<div id="navitile" style="width: 100%;">
240	<div style="padding-left: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; float: left; white-space: nowrap;">
241
242	<a title="View Internet.com - The Network for Technology Professionals" href="http://www.internet.com/" class="gt"><img alt="Internet.com - The Network for Technology Professionals" src="input-mask_files/icom_logo_global.png" border="0"></a>
243
244	</div>
245	<ul class="menulist" id="listMenuRoot" style="height: 22px;">
246	<li style="margin-top: 0px;">
247	<a class="gt" href="http://www.internet.com/it/" style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;"><span class="subind">></span> <b>IT</b> </a>
248
249
250
251	<ul id="listMenu-id-1">
252	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/it">internet.com/IT</a></li>
253	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/cio">internet.com/CIO</a></li>
254	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/security">internet.com/Security</a></li>
255	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/networking">internet.com/Networking</a></li>
256	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/storage">internet.com/Storage</a></li>
257	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.bitaplanet.com/">bITa Planet</a></li>
258	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.cioupdate.com/">CIO Update</a></li>
259	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.databasejournal.com/">Database Journal</a></li>
260	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.datamation.com/">Datamation</a></li>
261	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.enterpriseitplanet.com/">Enterprise IT Planet</a></li>
262	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.enterprisenetworkingplanet.com/">Enterprise Networking Planet</a></li>
263	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.enterprisestorageforum.com/">Enterprise Storage Forum</a></li>
264	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.esecurityplanet.com/">eSecurity Planet</a></li>
265	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.hardwarecentral.com/">Hardware Central</a></li>
266	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.intranetjournal.com/">Intranet Journal</a></li>
267	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.isp-planet.com/">ISP Planet</a></li>
268	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.itsmwatch.com/">ITSMwatch</a></li>
269	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.linuxplanet.com/">Linux Planet</a></li>
270	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.opennetworkstoday.com/">Open Networks Today</a></li>
271	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://serverwatch.internet.com/">ServerWatch</a></li>
272	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.voipplanet.com/">VoIP Planet</a></li>
273	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.webvideouniverse.com/">WebVideoUniverse</a>
274	</li><li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.wi-fiplanet.com/">Wi-Fi Planet</a></li>
275	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.windrivers.com/">WinDrivers.com</a></li>
276	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/sections/">Network Map</a></li>
277	</ul>
278	</li>
279
280	<li style="margin-top: 0px;">
281	<a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/developer" class="gt"><span class="subind">></span> <b>Developer</b> </a>
282	<ul id="listMenu-id-2">
283	<li style="background-image: url(/icom_includes/toolbars/globaltoolbar/img/background_topsub.jpg); background-repeat: repeat-x;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none; font-weight: bold;" href="http://www.internet.com/developer/">internet.com/Developer</a></li>
284	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.15seconds.com/">15 Seconds</a></li>
285
286	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.4guysfromrolla.com/">4GuysFromRolla.com</a></li>
287	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.asp101.com/">ASP101</a></li>
288	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.codeguru.com/">CodeGuru</a></li>
289	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.developer.com/">Developer.com</a></li>
290	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.devx.com/">DevX</a></li>
291	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.flashkit.com/">FlashKit.com</a></li>
292	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.developer.com/java/">Gamelan</a></li>
293	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.jars.com/">JARS</a></li>
294	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.javascript.com/">JavaScript.com</a></li>
295	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://javascriptsource.com/">JavaScriptSource</a></li>
296	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.phpbuilder.com/">PHPBuilder.com</a></li>
297	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.scriptsearch.com/">ScriptSearch</a></li>
298	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.vbforums.com/">VB Forums</a></li>
299	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.vbwire.com/">VB Wire</a></li>
300
301	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.webdeveloper.com/">WebDeveloper.com</a></li>
302	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.webreference.com/">Webreference</a></li>
303	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/sections/">Network Map</a></li>
304	</ul>
305
306	</li>
307
308	<li style="margin-top: 0px;">
309	<a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internetnews.com/" class="gt"><span class="subind">></span> <b>News</b> </a>
310	<ul id="listMenu-id-3">
311	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internetnews.com/">Internetnews.com</a></li>
312	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.linuxtoday.com/">Linux Today</a></li>
313	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/sections/">Network Map</a></li>
314	</ul>
315	</li>
316
317
318	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.smallbusinesscomputing.com/" class="gt"><span class="subind">></span> <b>Small Business</b> </a>
319	<ul id="listMenu-id-4">
320	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.ecommerce-guide.com/">Ecommerce Guide</a></li>
321	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.refer-it.com/">Refer-It</a></li>
322	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.smallbusinesscomputing.com/">SmallBusinessComputing</a></li>
323	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.webopedia.com/">Webopedia</a></li>
324	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.winplanet.com/">WinPlanet</a></li>
325	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/sections/">Network Map</a></li>
326	</ul>
327	</li>
328
329
330	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/personaltechnology/" class="gt"><span class="subind">></span> <b>Personal Tech</b> </a>
331
332	<ul id="listMenu-id-5">
333	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.blackberrytoday.com/">BlackBerryToday</a></li>
334	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.jumbo.com/">Jumbo</a></li>
335	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.megapixel.net/">Megapixel.net</a></li>
336	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.palmblvd.com/">Palm Boulevard</a></li>
337	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.pdastreet.com/">PDAStreet</a></li>
338	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.pocketpcwire.com/">PocketPCWire</a></li>
339	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.sharkyextreme.com/">SharkyExtreme</a></li>
340	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.smartphonetoday.com/">Smart Phone Today</a></li>
341	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://asp.thelist.com/">The List: ASPs</a></li>
342	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://broadband.thelist.com/">The List: Broadband</a></li>
343	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.thelist.com/">The List: ISPs</a></li>
344	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://webhosts.thelist.com/">The List: WebHosts</a></li>
345	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://webdesign.thelist.com/">The List: WebDesigners</a></li>
346	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.wi-fihotspotlist.com/">Wi-FiHotSpotList</a></li>
347	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.windowsmobiletoday.com/">WindowsMobileToday</a></li>
348	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/sections/">Network Map</a></li>
349	</ul>
350	</li>
351	</ul>
352
353
354
355	<ul style="height: 22px;" id="listMenuv2Root" class="menulistv2">
356	<li style="margin-top: 0px;">
357
358	<a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica;" href="http://www.jupiterevents.com/" class="gt"><span class="subind">></span> Events </a>
359
360	<ul id="listMenuv2-id-1">
361	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.jupiterevents.com/">JupiterEvents</a></li>
362	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.jupiterwebcasts.com/">JupiterWebcasts</a></li>
363	</ul>
364	</li>
365
366	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.justtechjobs.com/" class="gt"> Jobs </a></li>
367	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.jupitermedia.com/partners/" class="gt"> Partners </a></li>
368
369	<li style="margin-top: 0px;">
370	<a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/solutions" class="gt"><span class="subind">></span> Solutions </a>
371	<ul id="listMenuv2-id-2">
372	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/ebook"> eBooks </a></li>
373	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/video"> Video </a></li>
374	</ul>
375	</li>
376
377	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internetshopper.com/" class="" gt=""> Shop </a></li>
378
379
380	</ul>
381
382
383	<ul class="menulistv3" id="listMenuv3Root" style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; height: 22px;">
384	<li style="margin-top: 0px;"><a class="gt" href="http://member.internet.com/" style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;"><span class="subind">></span> Login </a>
385
386
387	<ul id="listMenuv3-id-1">
388	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://member.internet.com/profile/postal">Manage My Profile</a></li>
389
390	</ul>
391
392
393
394	</li>
395	<li style="margin-top: 0px;"><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://member.internet.com/register" class="gt"><span class="subind">></span>Register </a>
396
397	<ul id="listMenuv3-id-2">
398	<li><a style="color: rgb(255, 255, 255); font-size: 9px; font-family: arial,verdana,helvetica; text-decoration: none;" href="http://www.internet.com/WhyJoin">Why Join?</a></li>
399	</ul>
400
401
402	</li>
403
404
405	</ul>
406
407	<div style="margin-top: 0px;" id="lightgrey">
408
409	<form target="_top" action="http://search.internet.com/www.jupiterweb.com" method="post">
410	<input value="1" name="IC_Summary" type="hidden">
411	<input value="0" name="IC_StartNumber" type="hidden">
412	<input value="10" name="IC_BatchSize" type="hidden">
413
414	<input value="50" name="IC_RelevanceThreshold" type="hidden">
415	<input value="all" name="IC_QueryDatabase" type="hidden">
416	<input title="Search Internet.com" onfocus="this.value='';" class="inputglobal" size="11" name="IC_QueryText" value="" type="text">
417
418	<input alt="go" src="input-mask_files/searchgt_button.gif" name="SUBMIT" value="Find" align="absmiddle" border="0" height="18" type="image" vspace="2" width="42">
419	</form>
420	</div>
421	</div>
422	</div>
423
424	<!--
425	<div style="width:100%;">
426	<img src="/icom_includes/toolbars/globaltoolbar/img/shad.png" style="width:100%; height:11px; padding:0px; margin-top:22px;" />
427	</div>
428	-->
429	</div>
430
431	<script src="input-mask_files/pngadapt.js" type="text/javascript"></script>
432
433
434	<!-- END TOP TOOLBAR -->
435	<img src="input-mask_files/37353034633064333437356536333030_003.gif" height="2" width="2">
436	<br>
437	</center>
438	<!-- cdXpo code -->
439	<iframe src="input-mask_files/search.htm" marginheight="0" marginwidth="0" frameborder="0" height="100" scrolling="no" width="750"></iframe>
440	<img src="input-mask_files/37353034633064333437356536333030_013.gif" height="1" width="1"></td></tr>
441	</tbody></table>
442
443	<!-- Begin Header Table -->
444	<!-- _newjssheader.html -->
445	<!-- Begin Tribal Fusion Text Links -->
446
447	<script>
448	var tf_pubSiteId=115;
449	var tf_maxKeywords=10;
450	</script>
451	<script src="input-mask_files/textlinks.js" type="text/javascript"></script>
452	<!-- _End_ Tribal Fusion Text Links -->
453	<table border="0" cellpadding="2" cellspacing="5" width="100%">
454	<tbody><tr>
455	<td>
456	<!-- Begin Logo -->
457	<a class="catitem" href="http://javascript.internet.com/"><img src="input-mask_files/headerlogo.gif" alt="The JavaScript Source - Cut and Paste JavaScript Library" border="0" height="58" width="150"></a><br>
458	<!-- End Logo -->
459	</td>
460	<td colspan="3" align="left" width="100%">
461	<!-- Begin Category Links -->
462	<form method="post" action="http://search.internet.com/www.javascriptsource.com" name="JSSearch">
463	<table bgcolor="#000099" border="0" cellpadding="0" cellspacing="0" width="100%">
464	<tbody><tr>
465	<td colspan="3" valign="center">
466	<table bgcolor="#000099" border="0" cellpadding="1" cellspacing="0" width="100%">
467	<tbody><tr>
468	<td>
469	<table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="5" width="100%">
470	<tbody><tr>
471	<td>
472	<a class="catitem" href="http://javascript.internet.com/">Home</a><br>
473	<a class="catitem" href="http://javascript.internet.com/new/">New Scripts</a><br>
474	<a class="catitem" href="http://javascript.internet.com/tutorials/">Tutorials</a><br>
475	<a class="catitem" href="http://javascript.internet.com/ajaxTutorials/">Ajax Tutorials</a><br>
476	</td>
477	<td>
478	<a class="catitem" href="http://javascript.internet.com/ajax/">Ajax</a><br>
479	<a class="catitem" href="http://javascript.internet.com/buttons/">Buttons</a><br>
480	<a class="catitem" href="http://javascript.internet.com/cookies/">Cookies</a><br>
481	<a class="catitem" href="http://javascript.internet.com/css/">CSS</a><br>
482	</td>
483	<td>
484	<a class="catitem" href="http://javascript.internet.com/forms/">Forms</a><br>
485	<a class="catitem" href="http://javascript.internet.com/games/">Games</a><br>
486	<a class="catitem" href="http://javascript.internet.com/generators/">Generators</a><br>
487	<a class="catitem" href="http://javascript.internet.com/image-effects/">Image Effects</a><br>
488	</td>
489	<td>
490	<a class="catitem" href="http://javascript.internet.com/math-related/">Math Related</a><br>
491	<a class="catitem" href="http://javascript.internet.com/miscellaneous/">Miscellaneous</a><br>
492	<a class="catitem" href="http://javascript.internet.com/navigation/">Navigation</a><br>
493	<a class="catitem" href="http://javascript.internet.com/page-details/">Page-Details</a><br>
494	</td>
495	<td>
496	<a class="catitem" href="http://javascript.internet.com/passwords/">Pass. Prot.</a><br>
497	<a class="catitem" href="http://javascript.internet.com/snippets/">Snippets</a><br>
498	<a class="catitem" href="http://javascript.internet.com/text-effects/">Text Effects</a><br>
499	<a class="catitem" href="http://javascript.internet.com/time-date/">Time & Date</a><br>
500	</td>
501	<td>
502	<a class="catitem" href="http://javascript.internet.com/user-details/">User-Details</a><br>
503	<a class="catitem" href="http://javascript.internet.com/reference/">JS Core Reference</a><br>
504	<a class="catitem" href="http://hardwarecentral.dealtime.com/BannerIn/1,2844,,00.html?linkin_id=3012258&nFormId=38733-72-1&path=/Pages/CategoryV2%3Ehttp://hardwarecentral.dealtime.com/BannerIn/1,2844,,00.html?linkin_id=3012258&nFormId=38733-72-1&path=/Pages/CategoryV2">Shopping</a><br>
505	<a class="catitem" href="http://www.webvideouniverse.com/">Web Video Universe</a><br>
506	</td>
507	</tr>
508	</tbody></table>
509	</td>
510	</tr>
511	</tbody></table>
512	</td>
513	</tr>
514	<tr>
515	<td valign="center">
516	<table border="0" cellpadding="0" cellspacing="1" width="120">
517	<tbody><tr>
518	<td colspan="2" bgcolor="#000000">
519	<table border="0" cellpadding="0" cellspacing="0" width="120">
520	<tbody><tr>
521	<td align="center" bgcolor="#ffffff" height="25" width="120">
522	<font face="verdana, arial" size="-2">Script Count: </font><font face="verdana, arial" size="-1"><b><i>
523	2,564
524	<!-- 2288 --> <!-- SCRIPT COUNT -->
525	</i></b></font>
526	</td>
527	</tr>
528	</tbody></table>
529	</td>
530	</tr>
531	</tbody></table>
532	</td>
533	<td align="center" valign="middle" width="360">
534	<input name="IC_Summary" value="1" type="hidden">
535	<input name="IC_StartNumber" value="0" type="hidden">
536	<input name="IC_BatchSize" value="10" type="hidden">
537	<input name="IC_RelevanceThreshold" value="50" type="hidden">
538	<input name="IC_QueryDatabase" value="javascript.internet.com" type="hidden">
539	<input name="IC_QueryText" size="15" value="Start Here!" onfocus="if(this.value=='Start Here!')this.value='';" style="font-size: 11px;" type="text">
540	<input name="SUBMIT" value="Search" style="font-size: 10px;" type="submit">
541	</td>
542	<td valign="middle" width="116">
543	<a class="catitem" href="http://internet.com/"><img src="input-mask_files/internet.gif" alt="internet.com" border="0" height="16" width="116"></a>
544	</td>
545	</tr>
546	</tbody></table>
547	</form>
548	</td>
549	</tr>
550	</tbody></table>
551	<!-- /_newjssheader.html -->
552
553	<!-- End Header Table -->
554	</div>
555
556	<div id="leftcol">
557	<!-- Begin Left Column \| Web Developer Network -->
558	<table border="0" cellpadding="0" cellspacing="0">
559	<tbody><tr>
560	<td align="left">
561	<center>
562	<!-- Begin 125X125 Ad Code -->
563	<a href="http://www.gimmees.com/"><img src="input-mask_files/gimmees_125x125.gif" border="0" height="125" width="125"></a>
564	<img src="input-mask_files/37353034633064333437356536333030_017.gif" height="1" width="1">
565	<!-- End 125X125 Ad Code -->
566	</center>
567	<h6>Navigation Menu</h6><p>
568	<a class="linkitem" href="http://javascript.internet.com/toc.html">Site Contents</a><br>
569	<a class="linkitem" href="http://javascript.internet.com/new/">What's New?</a><br>
570	</p><hr width="90%">
571	<a class="linkitem" href="http://javascript.internet.com/faq/">Site FAQ</a><br>
572	<a class="linkitem" href="http://javascript.internet.com/jss-about.html">About JSS</a><br>
573	<a class="linkitem" href="http://forums.webdeveloper.com/forumdisplay.php?s=&forumid=3">JavaScript Forum</a><br>
574	<a class="linkitem" href="http://www.webreference.com/programming/javascript/diaries/">JavaScript Tutorial</a><br>
575	<a class="linkitem" href="http://javascript.internet.com/jss-friends.html">Friends of JSS</a><br>
576	<hr width="90%">
577	<a class="linkitem" href="http://javascript.internet.com/link-us.html">Link to Us</a><br>
578	<a class="linkitem" href="http://forums.webdeveloper.com/forumdisplay.php?s=&forumid=3">JavaScript Help</a><br>
579	<a class="linkitem" href="http://javascript.internet.com/contribute/">Contribute a script</a><br>
580	<a class="linkitem" href="http://www.justtechjobs.com/Jobseekers.asp">Technology Jobs</a><br>
581	<br>
582
583	<h6>Internet.commerce</h6><p>
584	<span class="linkitem"><!--<a href="http://www.internet.com/partners/">Be a Commerce Partner</A><BR> -->
585	<a href="http://www.jupitermedia.com/partners/">Partner With Us</a><br>
586	<a href="http://www.earnmydegree.com/" target="new">Online Education</a>
587	<img src="input-mask_files/37353034633064333437356536333030_005.gif" height="1" width="1"><br>
588	<a href="http://www.callingcardplus.com/">Calling Cards</a>
589	<img src="input-mask_files/37353034633064333437356536333030_002.gif" border="0" height="1" width="1"><br>
590	<a href="http://www.idealpromotional.com/">Promotional Items</a>
591	<img src="input-mask_files/37353034633064333437356536333030_019.gif" border="0" height="1" width="1"><br>
592	<a href="http://www.thecutekid.com/" target="new">Baby Photo Contest</a>
593	<img src="input-mask_files/37353034633064333437356536333030_016.gif" height="1" width="1"><br>
594	<a href="http://www.dentalplans.com/">Dental Insurance</a>
595	<img src="input-mask_files/37353034633064333437356536333030_007.gif" border="0" height="1" width="1"><br>
596	<a href="http://www.healthplans.com/" target="new">Health Insurance</a>
597	<img src="input-mask_files/37353034633064333437356536333030_004.gif" height="1" width="1"><br>
598	<a href="http://shopping.yahoo.com/b:Desktops:22483485">Desktop Computers</a>
599	<img src="input-mask_files/37353034633064333437356536333030_008.gif" height="1" width="1"><br>
600	<a href="http://www.4imprint.com/">Promotional Pens</a>
601	<img src="input-mask_files/37353034633064333437356536333030.gif" border="0" height="1" width="1"><br>
602	<a href="http://www.branders.com/">Giveaways</a>
603	<img src="input-mask_files/37353034633064333437356536333030_006.gif" border="0" height="1" width="1"><br>
604	<a href="http://www.boatangel.org/">Boat Donations</a>
605	<img src="input-mask_files/37353034633064333437356536333030_015.gif" border="0" height="1" width="1"><br>
606	<a href="http://www.memoryx.net/">Memory</a>
607	<img src="input-mask_files/37353034633064333437356536333030_009.gif" border="0" height="1" width="1"><br>
608	<a href="http://shop.internet.com/" target="new">Shop</a>
609	<img src="input-mask_files/37353034633064333437356536333030_011.gif" height="1" width="1"><br>
610	<a href="http://www.gimmees.com/">Imprinted Promotions</a>
611	<img src="input-mask_files/37353034633064333437356536333030_010.gif" border="0" height="1" width="1"><br>
612	<a href="http://shopping.yahoo.com/b:PDAs:20148420">PDA Phones & Cases</a>
613	<img src="input-mask_files/37353034633064333437356536333030_012.gif" height="1" width="1"><br>
614
615	<!-- End Affiliates Links -->
616	<br>
617	</span>
618	</p><p>
619	</p><h6>Internet.com</h6><p>
620	<span class="linkitem">
621
622
623	<a href="http://www.internet.com/it/" class="icomtb">IT</a><br>
624	<a href="http://www.internet.com/developer/" class="icomtb">Developer</a><br>
625	<a href="http://www.internetnews.com/" class="icomtb">Internet News</a><br>
626	<a href="http://www.smallbusinesscomputing.com/" class="icomtb">Small Business</a> <br>
627	<a href="http://www.internet.com/personaltechnology/" class="icomtb">Personal Technology</a><br>
628	<a href="http://www.internet.com/sections/international.html" class="icomtb">International</a><br>
629	<br>
630	<a href="http://search.internet.com/" class="icomtb">Search internet.com</a><br>
631	<a href="http://www.internet.com/mediakit/" class="icomtb">Advertise</a><br>
632	<a href="http://www.jupitermedia.com/corporate/" class="icomtb">Corporate Info</a><br>
633	<a href="http://e-newsletters.internet.com/" class="icomtb">Newsletters</a><br>
634	<a href="http://www.justtechjobs.com/" class="icomtb">Tech Jobs</a><br>
635	<a href="http://e-newsletters.internet.com/mailinglists.html" class="icomtb">E-mail Offers</a><br>
636
637
638	<!-- <A HREF="http://www.internet.com/sections/news.html" CLASS="icomtb">Internet News</A><BR>
639	<A HREF="http://www.internet.com/sections/stocks.html" CLASS="icomtb">Internet Investing</A><BR>
640	<A HREF="http://www.internet.com/sections/it.html" CLASS="icomtb">IT</A><BR>
641	<A HREF="http://www.internet.com/sections/win.html" CLASS="icomtb">Windows Technology</A><BR>
642	<A HREF="http://www.internet.com/sections/linux.html" CLASS="icomtb">Linux/Open Source</A><BR>
643	<A HREF="http://www.internet.com/sections/webdev.html" CLASS="icomtb">Developer</A><BR>
644	<A HREF="http://www.internet.com/sections/marketing.html" CLASS="icomtb">Interactive Marketing</A><BR>
645	<A HREF="http://www.internet.com/sections/xsp.html" CLASS="icomtb">xSP Resources</A> <BR>
646	<A HREF="http://www.internet.com/sections/sb.html" CLASS="icomtb">Small Business</A> <BR>
647	<A HREF="http://www.internet.com/sections/wireless.html" CLASS="icomtb">Wireless Internet</A><BR>
648	<A HREF="http://www.internet.com/sections/downloads.html" CLASS="icomtb">Downloads</A><BR>
649	<A HREF="http://www.internet.com/sections/resources.html" CLASS="icomtb">Internet Resources</A><BR>
650	<A HREF="http://www.internet.com/sections/lists.html" CLASS="icomtb">Internet Lists</A><BR>
651	<A HREF="http://www.internet.com/sections/international.html" CLASS="icomtb">International</A><BR>
652	<A HREF="http://www.internet.com/sections/earthweb.html" CLASS="icomtb">EarthWeb</A><BR>
653	<A HREF="http://www.internet.com/sections/careers.html" CLASS="icomtb">Career Resources</A><BR>
654	<BR>
655	<A HREF="http://search.internet.com" CLASS="icomtb">Search internet.com</A><BR>
656	<A HREF="http://www.internet.com/mediakit/" CLASS="icomtb">Advertise</A><BR>
657	<A HREF="http://www.internet.com/corporate/" CLASS="icomtb">Corporate Info</A><BR>
658	<A HREF="http://e-newsletters.internet.com/" CLASS="icomtb">Newsletters</A><BR>
659	<A HREF="http://e-newsletters.internet.com/mailinglists.html" CLASS="icomtb">E-mail Offers</A><BR> -->
660	<br>
661	</span>
662
663	</p><p>
664
665	<!-- BEGIN WebDev Channel Sites -->
666	</p><h6>Developer Channel</h6>
667	<span class="linkitem">
668	<p>
669	<a href="http://flashkit.com/" class="devtb">FlashKit.com</a><br>
670	<a href="http://hiermenuscentral.com/" class="devtb">HierMenusCentral.com</a><br>
671	<a href="http://javascript.com/" class="devtb">JavaScript.com</a><br>
672	<a href="http://javascript.internet.com/" class="devtb">JavaScriptSource</a><br>
673	<a href="http://jobs.internet.com/" class="devtb">Jobs</a><br>
674	<a href="http://scriptsearch.com/" class="devtb">ScriptSearch</a><br>
675	<a href="http://streamingmediaworld.com/" class="devtb">StreamingMediaWorld</a><br>
676	<a href="http://webdevelopersjournal.com/" class="devtb">Web Developer's Journal</a><br>
677	<a href="http://wdvl.com/" class="devtb">Web Developer's Virtual Library</a><br>
678	<a href="http://webdeveloper.com/" class="devtb">WebDeveloper.com</a><br>
679	<a href="http://webreference.com/" class="devtb">Webreference</a><br>
680	<a href="http://webhost.thelist.com/" class="devtb">Web Hosts</a><br>
681	<a href="http://xmlfiles.com/" class="devtb">XMLfiles.com</a><br>
682
683	<!-- End WebDev Channel Sites -->
684	<!-- SEARCH FORM -->
685	<br>
686	</p></span> <h6>Great <nobr><a class="tfTextLink" href="javascript:void(0)">Sites</a></nobr></h6><p>
687	<a class="linkitem" href="http://www.docjavascript.com/">DocJavaScript.com</a><br>
688	<a class="linkitem" href="http://www.dhtml.com/">dhtml.com</a><br>
689	<a class="linkitem" href="http://www.freebiedirectory.com/">The Freebie Directory</a><br>
690	<a class="linkitem" href="http://www.thefreesite.com/">TheFreeSite.com</a><br>
691	<br>
692	<!-- Begin Doc JS -->
693	</p><center>
694	<form method="get" action="http://www.webreference.com/js/tips/browse.html" onsubmit="return (this.cat.selectedIndex != 0)">
695	<span class="descsm">Browse </span><a class="linkitem" href="http://www.docjs.com/">Doc JS's Tips!</a>
696	<br>
697	<br>
698