├── README.txt
├── faxnotify.php
├── faxout.pl
├── links
    ├── styles.css
    └── val.js
├── sendfax.php
└── sendfaxform.html


/README.txt:
--------------------------------------------------------------------------------
 1 | ============================================================================
 2 | Web Fax for Asterisk php script 
 3 | ----------------------------------------------------------------------------
 4 | - written by recluze (http://csrdu.org/nauman) 
 5 | - queries, comments to: nauman@csrdu.org or recluze@gmail.com 
 6 | ============================================================================
 7 | 
 8 | Redistribution allowed provided this notice remains visible at the top. 
 9 | Released under GPLv3. 
10 | 
11 | 
12 | Installation instructions: 
13 |     0. Make sure you have Fax for Asterisk (or Free Fax for Asterisk) installed. 
14 | 	   See [http://downloads.digium.com/pub/telephony/fax/README] 
15 | 	   for details on that. Also make sure you have the FAX module installed 
16 | 	   in FreePBX and configured to send out faxes. You will also need a service 
17 | 	   provided (ITSP) that supports T.38 faxing. 
18 | 
19 |     1. Extract all Web Fax files to somewhere on your web server's htdocs. If you're 
20 | 	   running apache as user asterisk, you need to chown the Web Fax files. 
21 | 	
22 | 	>   chown asterisk:asterisk <wwwroot>/webfax -R 
23 | 	
24 | 	2. If you're running asterisk as the user 'asterisk', chown the faxnotify.php script: 
25 | 	    
26 | 	>   chown asterisk:asterisk faxnotify.php 
27 | 	   
28 | 	3. Make faxnotify.php executable. It will be called from the dialplan from 
29 | 	   within asterisk: 
30 | 	
31 | 	>   chmod +x faxnotify.php 
32 | 	   
33 | 	4. Move faxnotify.php to $ASTERISDIR/bin/faxnotify.php 
34 | 	
35 | 	>   mv /var/www/html/webfax/faxnotify.php /var/lib/asterisk/bin/faxnotify.php 
36 | 
37 |     5. Create a dialplan with [outboundfax] in extensions_additional.conf with the
38 | 	   following content: 
39 | 	
40 | 		[outboundfax]
41 | 		; exten => s,1,NoOp(send a fax)
42 | 		exten => s,1,Set(FAXOPT(filename)=${FAXFILE})
43 | 		exten => s,n,Set(FAXOPT(ecm)=yes)
44 | 		exten => s,n,Set(FAXOPT(headerinfo)=${FAXHEADER})
45 | 		exten => s,n,Set(FAXOPT(localstationid)=${LOCALID})
46 | 		exten => s,n,Set(FAXOPT(maxrate)=14400)
47 | 		exten => s,n,Set(FAXOPT(minrate)=2400)
48 | 		exten => s,n,SendFAX(${FAXFILE},d)
49 | 		exten => s,n,System(${ASTVARLIBDIR}/bin/faxnotify.php INIT "${EMAIL}" "${DESTINATION}" "${TIMESTAMP}" "NO_STATUS" "NO_PAGES")
50 | 		exten => h,1,NoOp(FAXOPT(ecm) : ${FAXOPT(ecm)})
51 | 		exten => h,n,NoOp(FaxStatus : ${FAXSTATUS})
52 | 		exten => h,n,NoOp(FaxStatusString : ${FAXSTATUSSTRING})
53 | 		exten => h,n,NoOp(FaxError : ${FAXERROR})
54 | 		exten => h,n,NoOp(RemoteStationID : ${REMOTESTATIONID})
55 | 		exten => h,n,NoOp(FaxPages : ${FAXPAGES})
56 | 		exten => h,n,NoOp(FaxBitRate : ${FAXBITRATE})
57 | 		exten => h,n,NoOp(FaxResolution : ${FAXRESOLUTION})
58 | 		exten => h,n,System(${ASTVARLIBDIR}/bin/faxnotify.php NOTIFY "${EMAIL}" "${DESTINATION}" "${TIMESTAMP}" "${FAXSTATUSSTRING}" "${FAXPAGES}")
59 | 		; end of outboundfax context
60 | 
61 | 	(You can also use the following command to add the dialplan directly to extensions_additional.conf 
62 | 	[not yet implemented] 
63 | 	
64 | 	>  chmod +x insert_dialplan.sh 
65 | 	>  ./insert_dialplan.sh 
66 | 	
67 | Usage: 
68 | 
69 |     1. Point your browser to sendfaxform.html and see the magic happen. 


--------------------------------------------------------------------------------
/faxnotify.php:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/php
 2 | <?php
 3 | 
 4 | // set some global variables here 
 5 | $SUCCESS_STATUS = "FAX_SUCCESS"; 
 6 | $FROM_EMAIL = "recluze@gmail.com"; 
 7 | $FROM_NAME = "VoipOWOWStick.net"; 
 8 | $CONTACT_EMAIL = "toqeer83@gmail.com"; 
 9 | 
10 | if ($argc != 7) {
11 |  echo "Usage faxnotify.php messagetype email destination timestamp status_string pages \n ";
12 |  echo "message type can be one of INIT or NOTIFY "; 
13 | }
14 | echo "Starting faxnotify.php \n"; 
15 | 
16 | 
17 | // setting up  
18 | $messtype   = $argv[1];
19 | $email      = $argv[2];
20 | $dest       = $argv[3]; 
21 | $timestamp  = $argv[4]; 
22 | $status     = $argv[5];
23 | $numpages   = $argv[6];
24 | 
25 | $headers = "From:  $FROM_NAME <$FROM_EMAIL>";
26 | 
27 | // end setting up 
28 | 
29 | if ($messtype == "INIT") { // SendFAX called successfully in the dialplan... 
30 | 	$emailSubject = "Your fax to $dest has been initiated"; 
31 | 	$notice = "Your fax to $dest sent on $timestamp has been initiated. You will get a notification " . 
32 | 			  "email when the transmission is complete. "; 
33 |     $emailBody = "Hi!  \n\n" .  $notice . " \n\n " . 
34 | 				 "If you have any queries, please contact us at:  $CONTACT_EMAIL"; 
35 | 	mail($email, $emailSubject, $emailBody, $headers); 
36 | }
37 | else {  // meaning $messtype = "NOTIFY" ... sending of fax is complete. Need to check if SUCCEEDED
38 | 	$tech_details = "------------------------------ \n". 
39 | 	                "DESTINATION = $dest            \n". 
40 | 					"TIMESTAMP = $timestamp         \n". 
41 | 					"FAXOPTS_STATUSSTRING = $status \n". 
42 | 					"NUM_PAGES = $numpages          \n". 
43 | 					"------------------------------ \n"; 
44 | 					
45 | 					
46 | 	echo "Sending fax notification email to: $email from $FROM_EMAIL \n";
47 | 	
48 | 	if($status == $SUCCESS_STATUS) { 
49 | 	  $emailSubject = "Your fax to $dest was delivered successfully"; 
50 | 	  $notice = "This is an automated response to let you know that your fax to " .
51 | 				"$dest sent on $timestamp was delivered successfully. \n";
52 | 	} else {
53 | 	  $emailSubject = "Your fax to $dest could not be sent"; 
54 | 	  $notice = "This is an automated response to let you know that your fax to " .
55 | 				"$dest sent on $timestamp could not be delivered. \n";
56 | 	}
57 | 	
58 | 	$emailBody = "Hi!  \n\n" .  $notice . "\n\n" . $tech_details . " \n\n " . 
59 | 				 "If you have any queries, please contact us at:  $CONTACT_EMAIL"; 
60 | 				 
61 | 	// echo $emailSubject . "\n"; 
62 | 	// echo $emailBody . "\n";
63 | 	
64 | 	// mail 
65 | 	mail($email, $emailSubject, $emailBody, $headers ); 
66 | 	// exec("echo $email $timestamp $emailSubject >> /var/log/asterisk/webfax.log"); 
67 | 	// exec("echo $emailBody >> /var/log/asterisk/webfax.log"); 
68 | 	// exec("echo -------------------------------- >> /var/log/asterisk/webfax.log"); 
69 | } 
70 | ?>
71 | 


--------------------------------------------------------------------------------
/faxout.pl:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/perl -w
 2 | use strict;
 3 | use warnings;
 4 | sub random_name_generator($);
 5 | 
 6 | # usage: faxout.pl faxHeader localID email dest filename
 7 | # example: faxout.pl "My Fax Header" 1213435151 3124348989  myfax.pdf
 8 | 
 9 | if ($#ARGV != 4) {
10 | 	print qq(FAIL: 5 Arguments needed\n);
11 | 	exit(1);
12 | }
13 | 
14 | my ($faxHeader,$localID,$email,$dest,$filename,$callfile,$callfilename);
15 | 
16 | $faxHeader = $ARGV[0];
17 | $localID = $ARGV[1];
18 | $email = $ARGV[2];
19 | $dest = $ARGV[3];
20 | $filename = $ARGV[4];
21 | 
22 | if ($dest) {
23 | 	$callfilename = &random_name_generator(12).".call";
24 | 	open (MYFILE, ">>/tmp/$callfilename") or die $!;
25 | 	# $callfile = "Channel: Local/$callto\@outboundialcontext\n";
26 |         $callfile = "Channel: Local/$callto\@outbound-allroutes\n";
27 |         # $callfile = "Channel: SIP/$callto\n";
28 |         $callfile = $callfile . "MaxRetries: 1\n";
29 | 	$callfile = $callfile . "RetryTime: 60\n";
30 | 	$callfile = $callfile . "WaitTime: 60\n";
31 | 	$callfile = $callfile . "Archive: yes\n";
32 | 	$callfile = $callfile . "Context: outboundfax\n";
33 | 	$callfile = $callfile . "Extension: s\n";
34 | 	$callfile = $callfile . "Priority: 1\n";
35 |         # print qq(Sending file: );
36 |         # print qq($tifname\n);
37 |         # ---------------- settting fax information ----------------
38 | 	$callfile = $callfile . "Set: FAXFILE=$filename\n";
39 |         $callfile = $callfile . "Set: FAXHEADER=$faxHeader\n";
40 |         $callfile = $callfile . "Set: LOCALID\n";
41 | 
42 |         # ----             sending call file now  ------
43 | 	print MYFILE $callfile;
44 | 	close (MYFILE);
45 | 	system("mv /tmp/$callfilename /var/spool/asterisk/outgoing");
46 | }
47 | 
48 | sub random_name_generator($) {
49 | 	my ($namelength, $randomstring, @chars);
50 | 	$namelength = shift;
51 | 	@chars = ('a'..'z','A'..'Z','0'..'9');
52 | 	foreach (1..$namelength) {
53 | 		$randomstring .= $chars[rand @chars];
54 | 	}
55 | 	return $randomstring;
56 | }
57 | # Taken from: http://www.teamforrest.com/blog/156/integrating-fax-for-asterisk/
58 | 


--------------------------------------------------------------------------------
/links/styles.css:
--------------------------------------------------------------------------------
  1 | body {
  2 | 	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  3 | 	background: #42413C;
  4 | 	margin: 0;
  5 | 	padding: 0;
  6 | 	color: #000;
  7 | }
  8 | 
  9 | /* ~~ Element/tag selectors ~~ */
 10 | ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
 11 | 	padding: 0;
 12 | 	margin: 0;
 13 | }
 14 | h1, h2, h3, h4, h5, h6, p {
 15 | 	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
 16 | 	padding-right: 15px;
 17 | 	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
 18 | }
 19 | a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
 20 | 	border: none;
 21 | }
 22 | 
 23 | .content p {
 24 | 	margin-bottom:30px;	
 25 | }
 26 | td {
 27 | 	padding: 5px;
 28 | 	padding-left: 15px;
 29 | 	vertical-align: top;
 30 | 	border-top: 1px solid #ededed;
 31 | }
 32 | /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
 33 | a:link {
 34 | 	color: #42413C;
 35 | 	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
 36 | }
 37 | a:visited {
 38 | 	color: #6E6C64;
 39 | 	text-decoration: underline;
 40 | }
 41 | a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
 42 | 	text-decoration: none;
 43 | }
 44 | 
 45 | /* ~~ this fixed width container surrounds all other elements ~~ */
 46 | .container {
 47 | 	width: 960px;
 48 | 	background: #FFF;
 49 | 	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
 50 | }
 51 | 
 52 | /* ~~ This is the layout information. ~~ 
 53 | 
 54 | 1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
 55 | 
 56 | */
 57 | .content {
 58 | 	padding: 20px ;
 59 | }
 60 | .container {
 61 | 	/* padding: 20px;	 */
 62 | }
 63 | /* ~~ miscellaneous float/clear classes ~~ */
 64 | .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
 65 | 	float: right;
 66 | 	margin-left: 8px;
 67 | }
 68 | .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
 69 | 	float: left;
 70 | 	margin-right: 8px;
 71 | }
 72 | .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
 73 | 	clear:both;
 74 | 	height:0;
 75 | 	font-size: 1px;
 76 | 	line-height: 0px;
 77 | }
 78 | /* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */
 79 | 
 80 | /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
 81 | 
 82 | 
 83 | /* These are the classes applied on the error messages
 84 |  * which prevent them from being displayed by default.
 85 |  */ 
 86 | .textfieldRequiredMsg, 
 87 | .textfieldInvalidFormatMsg, 
 88 | .textfieldMinValueMsg,
 89 | .textfieldMaxValueMsg,
 90 | .textfieldMinCharsMsg,
 91 | .textfieldMaxCharsMsg,
 92 | .textfieldValidMsg {
 93 | 	display: none;
 94 | }
 95 | 
 96 | /* These selectors change the way messages look when the widget is in one of the error states.
 97 |  * These classes set a default red border and color for the error text.
 98 |  * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 99 |  * and this way only the specific error message can be shown by setting the display property to "inline".
100 |  */
101 | .textfieldRequiredState .textfieldRequiredMsg, 
102 | .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
103 | .textfieldMinValueState .textfieldMinValueMsg,
104 | .textfieldMaxValueState .textfieldMaxValueMsg,
105 | .textfieldMinCharsState .textfieldMinCharsMsg,
106 | .textfieldMaxCharsState .textfieldMaxCharsMsg
107 | {
108 | 	display: inline;
109 | 	font-size: 10px;
110 | 	color: #CC3333;
111 | 	/* border: 1px solid #CC3333; */
112 | }
113 | 
114 | 
115 | 
116 | /* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
117 |  * There are two selectors for each state, to cover the two main usecases for the widget:
118 |  * - the widget id is placed on the top level container for the INPUT
119 |  * - the widget id is placed on the INPUT element itself (there are no error messages)
120 |  */
121 |  
122 |  /* When the widget is in the valid state the INPUT has a green background applied on it. */
123 | .textfieldValidState input, input.textfieldValidState {
124 | 	background-color: #B8F5B1;
125 | }
126 | 
127 | /* When the widget is in an invalid state the INPUT has a red background applied on it. */
128 | input.textfieldRequiredState, .textfieldRequiredState input, 
129 | input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
130 | input.textfieldMinValueState, .textfieldMinValueState input, 
131 | input.textfieldMaxValueState, .textfieldMaxValueState input, 
132 | input.textfieldMinCharsState, .textfieldMinCharsState input, 
133 | input.textfieldMaxCharsState, .textfieldMaxCharsState input {
134 | 	background-color: #FF9F9F;
135 | }
136 | 
137 | /* When the widget has received focus, the INPUT has a yellow background applied on it. */
138 | .textfieldFocusState input, input.textfieldFocusState {
139 | 	background-color: #FFFFCC;
140 | }
141 | 
142 | /* This class applies only for a short period of time and changes the way the text in the textbox looks like.
143 |  * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
144 |  */
145 | .textfieldFlashText input, input.textfieldFlashText {
146 | 	color: red !important;
147 | }
148 | 
149 | /* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
150 | .textfieldHintState input, input.textfieldHintState {
151 | 	/*color: red !important;*/
152 | }
153 | 
154 | 
155 | .descriptionText{
156 | 	font-size: 10px;
157 | 	color: #666;
158 | 	background-color: #eee;
159 | }
160 | 
161 | .formLabel{
162 | 	font-size: 12px;
163 | 	color: #666;
164 | 	background-color: #fff;
165 | }
166 | 
167 | 
168 | .footer-copyrights{
169 | 	font-size: 10px;
170 | 	color: #999;
171 | 	padding: 0px;
172 | 	margin: 0px;
173 | 	width: 960px;
174 | 	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
175 | }
176 | .footer-copyrights a{
177 | 	color: #999;
178 | 	text-decoration: none;
179 | 	border-bottom: 1px dotted #999;
180 | }
181 | 
182 | .error {
183 |     color: #900;	
184 | }


--------------------------------------------------------------------------------
/links/val.js:
--------------------------------------------------------------------------------
   1 | // SpryValidationTextField.js - version 0.38 - Spry Pre-Release 1.6.1
   2 | //
   3 | // Copyright (c) 2006. Adobe Systems Incorporated.
   4 | // All rights reserved.
   5 | //
   6 | // Redistribution and use in source and binary forms, with or without
   7 | // modification, are permitted provided that the following conditions are met:
   8 | //
   9 | //   * Redistributions of source code must retain the above copyright notice,
  10 | //     this list of conditions and the following disclaimer.
  11 | //   * Redistributions in binary form must reproduce the above copyright notice,
  12 | //     this list of conditions and the following disclaimer in the documentation
  13 | //     and/or other materials provided with the distribution.
  14 | //   * Neither the name of Adobe Systems Incorporated nor the names of its
  15 | //     contributors may be used to endorse or promote products derived from this
  16 | //     software without specific prior written permission.
  17 | //
  18 | // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  19 | // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  20 | // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  21 | // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
  22 | // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  23 | // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  24 | // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  25 | // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  26 | // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  27 | // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
  28 | // POSSIBILITY OF SUCH DAMAGE.
  29 | 
  30 | (function() { // BeginSpryComponent
  31 | 
  32 | if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
  33 | 
  34 | Spry.Widget.BrowserSniff = function()
  35 | {
  36 | 	var b = navigator.appName.toString();
  37 | 	var up = navigator.platform.toString();
  38 | 	var ua = navigator.userAgent.toString();
  39 | 
  40 | 	this.mozilla = this.ie = this.opera = this.safari = false;
  41 | 	var re_opera = /Opera.([0-9\.]*)/i;
  42 | 	var re_msie = /MSIE.([0-9\.]*)/i;
  43 | 	var re_gecko = /gecko/i;
  44 | 	var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
  45 | 	var r = false;
  46 | 
  47 | 	if ( (r = ua.match(re_opera))) {
  48 | 		this.opera = true;
  49 | 		this.version = parseFloat(r[1]);
  50 | 	} else if ( (r = ua.match(re_msie))) {
  51 | 		this.ie = true;
  52 | 		this.version = parseFloat(r[1]);
  53 | 	} else if ( (r = ua.match(re_safari))) {
  54 | 		this.safari = true;
  55 | 		this.version = parseFloat(r[2]);
  56 | 	} else if (ua.match(re_gecko)) {
  57 | 		var re_gecko_version = /rv:\s*([0-9\.]+)/i;
  58 | 		r = ua.match(re_gecko_version);
  59 | 		this.mozilla = true;
  60 | 		this.version = parseFloat(r[1]);
  61 | 	}
  62 | 	this.windows = this.mac = this.linux = false;
  63 | 
  64 | 	this.Platform = ua.match(/windows/i) ? "windows" :
  65 | 					(ua.match(/linux/i) ? "linux" :
  66 | 					(ua.match(/mac/i) ? "mac" :
  67 | 					ua.match(/unix/i)? "unix" : "unknown"));
  68 | 	this[this.Platform] = true;
  69 | 	this.v = this.version;
  70 | 
  71 | 	if (this.safari && this.mac && this.mozilla) {
  72 | 		this.mozilla = false;
  73 | 	}
  74 | };
  75 | 
  76 | Spry.is = new Spry.Widget.BrowserSniff();
  77 | 
  78 | Spry.Widget.ValidationTextField = function(element, type, options)
  79 | {
  80 | 	type = Spry.Widget.Utils.firstValid(type, "none");
  81 | 	if (typeof type != 'string') {
  82 | 		this.showError('The second parameter in the constructor should be the validation type, the options are the third parameter.');
  83 | 		return;
  84 | 	}
  85 | 	if (typeof Spry.Widget.ValidationTextField.ValidationDescriptors[type] == 'undefined') {
  86 | 		this.showError('Unknown validation type received as the second parameter.');
  87 | 		return;
  88 | 	}
  89 | 	options = Spry.Widget.Utils.firstValid(options, {});
  90 | 	this.type = type;
  91 | 	if (!this.isBrowserSupported()) {
  92 | 		//disable character masking and pattern behaviors for low level browsers
  93 | 		options.useCharacterMasking = false;
  94 | 	}
  95 | 	this.init(element, options);
  96 | 
  97 | 	//make sure we validate at least on submit
  98 | 	var validateOn = ['submit'].concat(Spry.Widget.Utils.firstValid(this.options.validateOn, []));
  99 | 	validateOn = validateOn.join(",");
 100 | 
 101 | 	this.validateOn = 0;
 102 | 	this.validateOn = this.validateOn | (validateOn.indexOf('submit') != -1 ? Spry.Widget.ValidationTextField.ONSUBMIT : 0);
 103 | 	this.validateOn = this.validateOn | (validateOn.indexOf('blur') != -1 ? Spry.Widget.ValidationTextField.ONBLUR : 0);
 104 | 	this.validateOn = this.validateOn | (validateOn.indexOf('change') != -1 ? Spry.Widget.ValidationTextField.ONCHANGE : 0);
 105 | 
 106 | 	if (Spry.Widget.ValidationTextField.onloadDidFire)
 107 | 		this.attachBehaviors();
 108 | 	else
 109 | 		Spry.Widget.ValidationTextField.loadQueue.push(this);
 110 | };
 111 | 
 112 | Spry.Widget.ValidationTextField.ONCHANGE = 1;
 113 | Spry.Widget.ValidationTextField.ONBLUR = 2;
 114 | Spry.Widget.ValidationTextField.ONSUBMIT = 4;
 115 | 
 116 | Spry.Widget.ValidationTextField.ERROR_REQUIRED = 1;
 117 | Spry.Widget.ValidationTextField.ERROR_FORMAT = 2;
 118 | Spry.Widget.ValidationTextField.ERROR_RANGE_MIN = 4;
 119 | Spry.Widget.ValidationTextField.ERROR_RANGE_MAX = 8;
 120 | Spry.Widget.ValidationTextField.ERROR_CHARS_MIN = 16;
 121 | Spry.Widget.ValidationTextField.ERROR_CHARS_MAX = 32;
 122 | 
 123 | /* validation parameters:
 124 |  *  - characterMasking : prevent typing of characters not matching an regular expression
 125 |  *  - regExpFilter : additional regular expression to disalow typing of characters 
 126 |  *		(like the "-" sign in the middle of the value); use for partial matching of the currently typed value;
 127 |  * 		the typed value must match regExpFilter at any moment
 128 |  *  - pattern : enforce character on each position inside a pattern (AX0?)
 129 |  *  - validation : function performing logic validation; return false if failed and the typedValue value on success
 130 |  *  - minValue, maxValue : range validation; check if typedValue inside the specified range
 131 |  *  - minChars, maxChars : value length validation; at least/at most number of characters
 132 |  * */
 133 | Spry.Widget.ValidationTextField.ValidationDescriptors = {
 134 | 	'none': {
 135 | 	},
 136 | 	'custom': {
 137 | 	},
 138 | 	'integer': {
 139 | 		characterMasking: /[\-\+\d]/,
 140 | 		regExpFilter: /^[\-\+]?\d*$/,
 141 | 		validation: function(value, options) {
 142 | 			if (value == '' || value == '-' || value == '+') {
 143 | 				return false;
 144 | 			}
 145 | 			var regExp = /^[\-\+]?\d*$/;
 146 | 			if (!regExp.test(value)) {
 147 | 				return false;
 148 | 			}
 149 | 			options = options || {allowNegative:false};
 150 | 			var ret = parseInt(value, 10);
 151 | 			if (!isNaN(ret)) {
 152 | 				var allowNegative = true;
 153 | 				if (typeof options.allowNegative != 'undefined' && options.allowNegative == false) {
 154 | 					allowNegative = false;
 155 | 				}
 156 | 				if (!allowNegative && value < 0) {
 157 | 					ret = false;
 158 | 				}
 159 | 			} else {
 160 | 				ret = false;
 161 | 			}
 162 | 			return ret;
 163 | 		}
 164 | 	},
 165 | 	'real': {
 166 | 		characterMasking: /[\d\.,\-\+e]/i,
 167 | 		regExpFilter: /^[\-\+]?\d(?:|\.,\d{0,2})|(?:|e{0,1}[\-\+]?\d{0,})$/i,
 168 | 		validation: function (value, options) {
 169 | 			var regExp = /^[\+\-]?[0-9]+([\.,][0-9]+)?([eE]{0,1}[\-\+]?[0-9]+)?$/;
 170 | 			if (!regExp.test(value)) {
 171 | 				return false;
 172 | 			}
 173 | 			var ret = parseFloat(value);
 174 | 			if (isNaN(ret)) {
 175 | 				ret = false;
 176 | 			}
 177 | 			return ret;
 178 | 		}
 179 | 	},
 180 | 	'currency': {
 181 | 		formats: {
 182 | 			'dot_comma': {
 183 | 				characterMasking: /[\d\.\,\-\+\$]/,
 184 | 				regExpFilter: /^[\-\+]?(?:[\d\.]*)+(|\,\d{0,2})$/,
 185 | 				validation: function(value, options) {
 186 | 					var ret = false;
 187 | 					//2 or no digits after the comma
 188 | 					if (/^(\-|\+)?\d{1,3}(?:\.\d{3})*(?:\,\d{2}|)$/.test(value) || /^(\-|\+)?\d+(?:\,\d{2}|)$/.test(value)) {
 189 | 						value = value.toString().replace(/\./gi, '').replace(/\,/, '.');
 190 | 						ret = parseFloat(value);
 191 | 					}
 192 | 					return ret;
 193 | 				}
 194 | 			},
 195 | 			'comma_dot': {
 196 | 				characterMasking: /[\d\.\,\-\+\$]/,
 197 | 				regExpFilter: /^[\-\+]?(?:[\d\,]*)+(|\.\d{0,2})$/,
 198 | 				validation: function(value, options) {
 199 | 					var ret = false;
 200 | 					//2 or no digits after the comma
 201 | 					if (/^(\-|\+)?\d{1,3}(?:\,\d{3})*(?:\.\d{2}|)$/.test(value) || /^(\-|\+)?\d+(?:\.\d{2}|)$/.test(value)) {
 202 | 						value = value.toString().replace(/\,/gi, '');
 203 | 						ret = parseFloat(value);
 204 | 					}
 205 | 					return ret;
 206 | 				}
 207 | 			}
 208 | 		}
 209 | 	},
 210 | 	'email': {
 211 | 		characterMasking: /[^\s]/,
 212 | 		validation: function(value, options) {
 213 | 			var rx = /^[\w\.-]+@[\w\.-]+\.\w+$/i;
 214 | 			return rx.test(value);
 215 | 		}
 216 | 	},
 217 | 	'date': {
 218 | 		validation: function(value, options) {
 219 | 			var formatRegExp = /^([mdy]+)[\.\-\/\\\s]+([mdy]+)[\.\-\/\\\s]+([mdy]+)$/i;
 220 | 			var valueRegExp = this.dateValidationPattern;
 221 | 			var formatGroups = options.format.match(formatRegExp);
 222 | 			var valueGroups = value.match(valueRegExp);
 223 | 			if (formatGroups !== null && valueGroups !== null) {
 224 | 				var dayIndex = -1;
 225 | 				var monthIndex = -1;
 226 | 				var yearIndex = -1;
 227 | 				for (var i=1; i<formatGroups.length; i++) {
 228 | 					switch (formatGroups[i].toLowerCase()) {
 229 | 						case "dd":
 230 | 							dayIndex = i;
 231 | 							break;
 232 | 						case "mm":
 233 | 							monthIndex = i;
 234 | 							break;
 235 | 						case "yy":
 236 | 						case "yyyy":
 237 | 							yearIndex = i;
 238 | 							break;
 239 | 					}
 240 | 				}
 241 | 				if (dayIndex != -1 && monthIndex != -1 && yearIndex != -1) {
 242 | 					var maxDay = -1;
 243 | 					var theDay = parseInt(valueGroups[dayIndex], 10);
 244 | 					var theMonth = parseInt(valueGroups[monthIndex], 10);
 245 | 					var theYear = parseInt(valueGroups[yearIndex], 10);
 246 | 
 247 | 					// Check month value to be between 1..12
 248 | 					if (theMonth < 1 || theMonth > 12) {
 249 | 						return false;
 250 | 					}
 251 | 					
 252 | 					// Calculate the maxDay according to the current month
 253 | 					switch (theMonth) {
 254 | 						case 1:	// January
 255 | 						case 3: // March
 256 | 						case 5: // May
 257 | 						case 7: // July
 258 | 						case 8: // August
 259 | 						case 10: // October
 260 | 						case 12: // December
 261 | 							maxDay = 31;
 262 | 							break;
 263 | 						case 4:	// April
 264 | 						case 6: // June
 265 | 						case 9: // September
 266 | 						case 11: // November
 267 | 							maxDay = 30;
 268 | 							break;
 269 | 						case 2: // February
 270 | 							if ((parseInt(theYear/4, 10) * 4 == theYear) && (theYear % 100 != 0 || theYear % 400 == 0)) {
 271 | 								maxDay = 29;
 272 | 							} else {
 273 | 								maxDay = 28;
 274 | 							}
 275 | 							break;
 276 | 					}
 277 | 
 278 | 					// Check day value to be between 1..maxDay
 279 | 					if (theDay < 1 || theDay > maxDay) {
 280 | 						return false;
 281 | 					}
 282 | 					
 283 | 					// If successfull we'll return the date object
 284 | 					return (new Date(theYear, theMonth - 1, theDay));   //JavaScript requires a month between 0 and 11
 285 | 				}
 286 | 			} else {
 287 | 				return false;
 288 | 			}
 289 | 		}
 290 | 	},
 291 | 	'time': {
 292 | 		validation: function(value, options) {
 293 | 			//	HH:MM:SS T
 294 | 			var formatRegExp = /([hmst]+)/gi;
 295 | 			var valueRegExp = /(\d+|AM?|PM?)/gi;
 296 | 			var formatGroups = options.format.match(formatRegExp);
 297 | 			var valueGroups = value.match(valueRegExp);
 298 | 			//mast match and have same length
 299 | 			if (formatGroups !== null && valueGroups !== null) {
 300 | 				if (formatGroups.length != valueGroups.length) {
 301 | 					return false;
 302 | 				}
 303 | 
 304 | 				var hourIndex = -1;
 305 | 				var minuteIndex = -1;
 306 | 				var secondIndex = -1;
 307 | 				//T is AM or PM
 308 | 				var tIndex = -1;
 309 | 				var theHour = 0, theMinute = 0, theSecond = 0, theT = 'AM';
 310 | 				for (var i=0; i<formatGroups.length; i++) {
 311 | 					switch (formatGroups[i].toLowerCase()) {
 312 | 						case "hh":
 313 | 							hourIndex = i;
 314 | 							break;
 315 | 						case "mm":
 316 | 							minuteIndex = i;
 317 | 							break;
 318 | 						case "ss":
 319 | 							secondIndex = i;
 320 | 							break;
 321 | 						case "t":
 322 | 						case "tt":
 323 | 							tIndex = i;
 324 | 							break;
 325 | 					}
 326 | 				}
 327 | 				if (hourIndex != -1) {
 328 | 					var theHour = parseInt(valueGroups[hourIndex], 10);
 329 | 					if (isNaN(theHour) || theHour > (formatGroups[hourIndex] == 'HH' ? 23 : 12 )) {
 330 | 						return false;
 331 | 					}
 332 | 				}
 333 | 				if (minuteIndex != -1) {
 334 | 					var theMinute = parseInt(valueGroups[minuteIndex], 10);
 335 | 					if (isNaN(theMinute) || theMinute > 59) {
 336 | 						return false;
 337 | 					}
 338 | 				}
 339 | 				if (secondIndex != -1) {
 340 | 					var theSecond = parseInt(valueGroups[secondIndex], 10);
 341 | 					if (isNaN(theSecond) || theSecond > 59) {
 342 | 						return false;
 343 | 					}
 344 | 				}
 345 | 				if (tIndex != -1) {
 346 | 					var theT = valueGroups[tIndex].toUpperCase();
 347 | 					if (
 348 | 						formatGroups[tIndex].toUpperCase() == 'TT' && !/^a|pm$/i.test(theT) || 
 349 | 						formatGroups[tIndex].toUpperCase() == 'T' && !/^a|p$/i.test(theT)
 350 | 					) {
 351 | 						return false;
 352 | 					}
 353 | 				}
 354 | 				var date = new Date(2000, 0, 1, theHour + (theT.charAt(0) == 'P'?12:0), theMinute, theSecond);
 355 | 				return date;
 356 | 			} else {
 357 | 				return false;
 358 | 			}
 359 | 		}
 360 | 	},
 361 | 	'credit_card': {
 362 | 		characterMasking: /\d/,
 363 | 		validation: function(value, options) {
 364 | 			var regExp = null;
 365 | 			options.format = options.format || 'ALL';
 366 | 			switch (options.format.toUpperCase()) {
 367 | 				case 'ALL': regExp = /^[3-6]{1}[0-9]{12,18}$/; break;
 368 | 				case 'VISA': regExp = /^4(?:[0-9]{12}|[0-9]{15})$/; break;
 369 | 				case 'MASTERCARD': regExp = /^5[1-5]{1}[0-9]{14}$/; break;
 370 | 				case 'AMEX': regExp = /^3(4|7){1}[0-9]{13}$/; break;
 371 | 				case 'DISCOVER': regExp = /^6011[0-9]{12}$/; break;
 372 | 				case 'DINERSCLUB': regExp = /^3(?:(0[0-5]{1}[0-9]{11})|(6[0-9]{12})|(8[0-9]{12}))$/; break;
 373 | 			}
 374 | 			if (!regExp.test(value)) {
 375 | 				return false;
 376 | 			}
 377 | 			var digits = [];
 378 | 			var j = 1, digit = '';
 379 | 			for (var i = value.length - 1; i >= 0; i--) {
 380 | 				if ((j%2) == 0) {
 381 | 					digit = parseInt(value.charAt(i), 10) * 2;
 382 | 					digits[digits.length] = digit.toString().charAt(0);
 383 | 					if (digit.toString().length == 2) {
 384 | 						digits[digits.length] = digit.toString().charAt(1);
 385 | 					}
 386 | 				} else {
 387 | 					digit = value.charAt(i);
 388 | 					digits[digits.length] = digit;
 389 | 				}
 390 | 				j++;
 391 | 			}
 392 | 			var sum = 0;
 393 | 			for(i=0; i < digits.length; i++ ) {
 394 | 				sum += parseInt(digits[i], 10);
 395 | 			}
 396 | 			if ((sum%10) == 0) {
 397 | 				return true;
 398 | 			}
 399 | 			return false;
 400 | 		}
 401 | 	},
 402 | 	'zip_code': {
 403 | 		formats: {
 404 | 			'zip_us9': {
 405 | 				pattern:'00000-0000'
 406 | 			},
 407 | 			'zip_us5': {
 408 | 				pattern:'00000'
 409 | 			},
 410 | 			'zip_uk': {
 411 | 				characterMasking: /[\dA-Z\s]/,
 412 | 				validation: function(value, options) {
 413 | 					//check one of the following masks
 414 | 					// AN NAA, ANA NAA, ANN NAA, AAN NAA, AANA NAA, AANN NAA
 415 | 					return /^[A-Z]{1,2}\d[\dA-Z]?\s?\d[A-Z]{2}$/.test(value);
 416 | 				}
 417 | 			},
 418 | 			'zip_canada': {
 419 | 				characterMasking: /[\dA-Z\s]/,
 420 | 				pattern: 'A0A 0A0'
 421 | 			},
 422 | 			'zip_custom': {}
 423 | 		}
 424 | 	},
 425 | 	'phone_number': {
 426 | 		formats: {
 427 | 			//US phone number; 10 digits
 428 | 			'phone_us': {
 429 | 				pattern:'(000) 000-0000'
 430 | 			},
 431 | 			'phone_custom': {}
 432 | 		}
 433 | 	},
 434 | 	'social_security_number': {
 435 | 		pattern:'000-00-0000'
 436 | 	},
 437 | 	'ip': {
 438 | 		characterMaskingFormats: {
 439 | 			'ipv4': /[\d\.]/i,
 440 | 			'ipv6_ipv4': /[\d\.\:A-F\/]/i,
 441 | 			'ipv6': /[\d\.\:A-F\/]/i
 442 | 		},
 443 | 		validation: function (value, options) {
 444 | 			return Spry.Widget.ValidationTextField.validateIP(value, options.format);
 445 | 		}
 446 | 	},
 447 | 
 448 | 	'url': {
 449 | 		characterMasking: /[^\s]/,
 450 | 		validation: function(value, options) {
 451 | 			//fix for ?ID=223429 and ?ID=223387
 452 | 			/* the following regexp matches components of an URI as specified in http://tools.ietf.org/html/rfc3986#page-51 page 51, Appendix B.
 453 | 				scheme    = $2
 454 | 				authority = $4
 455 | 				path      = $5
 456 | 				query     = $7
 457 | 				fragment  = $9
 458 | 			*/
 459 | 			var URI_spliter = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;
 460 | 			var parts = value.match(URI_spliter);
 461 | 			if (parts && parts[4]) {
 462 | 				//encode each component of the domain name using Punycode encoding scheme: http://tools.ietf.org/html/rfc3492
 463 | 				var host  = parts[4].split(".");
 464 | 				var punyencoded = '';
 465 | 				for (var i=0; i<host.length; i++) {
 466 | 					punyencoded = Spry.Widget.Utils.punycode_encode(host[i], 64);
 467 | 					if (!punyencoded) {
 468 | 						return false;
 469 | 					} else {
 470 | 						if (punyencoded != (host[i] + "-")) {
 471 | 							host[i] = 'xn--' + punyencoded;
 472 | 						}
 473 | 					}
 474 | 				}
 475 | 				host = host .join(".");
 476 | 				//the encoded domain name is replaced into the original URL to be validated again later as URL
 477 | 				value = value.replace(URI_spliter, "$1//" + host + "$5$6$8");
 478 | 			}
 479 | 
 480 | 			//fix for ?ID=223358 and ?ID=223594
 481 | 			//the following validates an URL using ABNF rules as defined in http://tools.ietf.org/html/rfc3986 , Appendix A., page 49
 482 | 			//except host which is extracted by match[1] and validated separately
 483 | 			/*
 484 | 			 * userinfo=	(?:(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=:]|%[0-9a-f]{2,2})*\@)?
 485 | 			 * host=			(?:((?:(?:[a-z0-9][a-z0-9\-]*[a-z0-9]|[a-z0-9])\.)*(?:[a-z][a-z0-9\-]*[a-z0-9]|[a-z])|(?:\[[^\]]*\]))
 486 | 			 * pathname=	(?:\/(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@]|%[0-9a-f]{2,2})*)*
 487 | 			 * query=			(?:\?(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@\/\?]|%[0-9a-f]{2,2})*)?
 488 | 			 * anchor=		(?:\#(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@\/\?]|%[0-9a-f]{2,2})*)?
 489 | 			 */
 490 | 			var regExp = /^(?:https?|ftp)\:\/\/(?:(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=:]|%[0-9a-f]{2,2})*\@)?(?:((?:(?:[a-z0-9][a-z0-9\-]*[a-z0-9]|[a-z0-9])\.)*(?:[a-z][a-z0-9\-]*[a-z0-9]|[a-z])|(?:\[[^\]]*\]))(?:\:[0-9]*)?)(?:\/(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@]|%[0-9a-f]{2,2})*)*(?:\?(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@\/\?]|%[0-9a-f]{2,2})*)?(?:\#(?:[a-z0-9\-\._~\!\$\&\'\(\)\*\+\,\;\=\:\@\/\?]|%[0-9a-f]{2,2})*)?$/i;
 491 | 
 492 | 			var valid = value.match(regExp);
 493 | 			if (valid) {
 494 | 				//extract the  address from URL
 495 | 				var address = valid[1];
 496 | 
 497 | 				if (address) {
 498 | 					if (address == '[]') {
 499 | 						return false;
 500 | 					}
 501 | 					if (address.charAt(0) == '[' ) {
 502 | 						//IPv6 address or IPv4 enclosed in square brackets
 503 | 						address = address.replace(/^\[|\]$/gi, '');
 504 | 						return Spry.Widget.ValidationTextField.validateIP(address, 'ipv6_ipv4');
 505 | 					} else {
 506 | 						if (/[^0-9\.]/.test(address)) {
 507 | 							return true;
 508 | 						} else {
 509 | 							//check if hostname is all digits and dots and then check for IPv4
 510 | 							return Spry.Widget.ValidationTextField.validateIP(address, 'ipv4');
 511 | 						}
 512 | 					}
 513 | 				} else {
 514 | 					return true;
 515 | 				}
 516 | 			} else {
 517 | 				return false;
 518 | 			}
 519 | 		}
 520 | 	}
 521 | };
 522 | 
 523 | /*
 524 | 2.2.1. Preferred
 525 | x:x:x:x:x:x:x:x, where the 'x's are the hexadecimal values of the eight 16-bit pieces of the address.
 526 | Examples:
 527 | 	FEDC:BA98:7654:3210:FEDC:BA98:7654:3210
 528 | 	1080:0:0:0:8:800:200C:417A
 529 | Note that it is not necessary to write the leading zeros in an
 530 | individual field, but there must be at least one numeral in every
 531 | field (except for the case described in 2.2.2.).
 532 | 
 533 | 2.2.2. Compressed
 534 | The use of "::" indicates multiple groups of 16-bits of zeros.
 535 | The "::" can only appear once in an address.  The "::" can also be
 536 | used to compress the leading and/or trailing zeros in an address.
 537 | 	1080:0:0:0:8:800:200C:417A --> 1080::8:800:200C:417A
 538 | 	FF01:0:0:0:0:0:0:101 --> FF01::101
 539 | 	0:0:0:0:0:0:0:1 --> ::1
 540 | 	0:0:0:0:0:0:0:0 --> ::
 541 | 
 542 | 2.5.4 IPv6 Addresses with Embedded IPv4 Addresses
 543 | 	IPv4-compatible IPv6 address (tunnel IPv6 packets over IPv4 routing infrastructures)
 544 | 	::0:129.144.52.38
 545 | 	IPv4-mapped IPv6 address (represent the addresses of IPv4-only nodes as IPv6 addresses)
 546 | 	::ffff:129.144.52.38
 547 | 
 548 | The text representation of IPv6 addresses and prefixes in Augmented BNF (Backus-Naur Form) [ABNF] for reference purposes.
 549 | [ABNF http://tools.ietf.org/html/rfc2234]
 550 |       IPv6address = hexpart [ ":" IPv4address ]
 551 |       IPv4address = 1*3DIGIT "." 1*3DIGIT "." 1*3DIGIT "." 1*3DIGIT
 552 | 
 553 |       IPv6prefix  = hexpart "/" 1*2DIGIT
 554 | 
 555 |       hexpart = hexseq | hexseq "::" [ hexseq ] | "::" [ hexseq ]
 556 |       hexseq  = hex4 *( ":" hex4)
 557 |       hex4    = 1*4HEXDIG
 558 | */
 559 | Spry.Widget.ValidationTextField.validateIP = function (value, format)
 560 | {
 561 | 	var validIPv6Addresses = [
 562 | 		//preferred
 563 | 		/^(?:[a-f0-9]{1,4}:){7}[a-f0-9]{1,4}(?:\/\d{1,3})?$/i,
 564 | 
 565 | 		//various compressed
 566 | 		/^[a-f0-9]{0,4}::(?:\/\d{1,3})?$/i,
 567 | 		/^:(?::[a-f0-9]{1,4}){1,6}(?:\/\d{1,3})?$/i,
 568 | 		/^(?:[a-f0-9]{1,4}:){1,6}:(?:\/\d{1,3})?$/i,
 569 | 		/^(?:[a-f0-9]{1,4}:)(?::[a-f0-9]{1,4}){1,6}(?:\/\d{1,3})?$/i,
 570 | 		/^(?:[a-f0-9]{1,4}:){2}(?::[a-f0-9]{1,4}){1,5}(?:\/\d{1,3})?$/i,
 571 | 		/^(?:[a-f0-9]{1,4}:){3}(?::[a-f0-9]{1,4}){1,4}(?:\/\d{1,3})?$/i,
 572 | 		/^(?:[a-f0-9]{1,4}:){4}(?::[a-f0-9]{1,4}){1,3}(?:\/\d{1,3})?$/i,
 573 | 		/^(?:[a-f0-9]{1,4}:){5}(?::[a-f0-9]{1,4}){1,2}(?:\/\d{1,3})?$/i,
 574 | 		/^(?:[a-f0-9]{1,4}:){6}(?::[a-f0-9]{1,4})(?:\/\d{1,3})?$/i,
 575 | 
 576 | 
 577 | 		//IPv6 mixes with IPv4
 578 | 		/^(?:[a-f0-9]{1,4}:){6}(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
 579 | 		/^:(?::[a-f0-9]{1,4}){0,4}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
 580 | 		/^(?:[a-f0-9]{1,4}:){1,5}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
 581 | 		/^(?:[a-f0-9]{1,4}:)(?::[a-f0-9]{1,4}){1,4}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
 582 | 		/^(?:[a-f0-9]{1,4}:){2}(?::[a-f0-9]{1,4}){1,3}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,	
 583 | 		/^(?:[a-f0-9]{1,4}:){3}(?::[a-f0-9]{1,4}){1,2}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
 584 | 		/^(?:[a-f0-9]{1,4}:){4}(?::[a-f0-9]{1,4}):(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i
 585 | 	];
 586 | 	var validIPv4Addresses = [
 587 | 		//IPv4
 588 | 		/^(\d{1,3}\.){3}\d{1,3}$/i
 589 | 	];
 590 | 	var validAddresses = [];
 591 | 	if (format == 'ipv6' || format == 'ipv6_ipv4') {
 592 | 		validAddresses = validAddresses.concat(validIPv6Addresses);
 593 | 	}
 594 | 	if (format == 'ipv4' || format == 'ipv6_ipv4') {
 595 | 		validAddresses = validAddresses.concat(validIPv4Addresses);
 596 | 	}
 597 | 
 598 | 	var ret = false;
 599 | 	for (var i=0; i<validAddresses.length; i++) {
 600 | 		if (validAddresses[i].test(value)) {
 601 | 			ret = true;
 602 | 			break;
 603 | 		}
 604 | 	}
 605 | 
 606 | 	if (ret && value.indexOf(".") != -1) {
 607 | 		//if address contains IPv4 fragment, it must be valid; all 4 groups must be less than 256
 608 | 		var ipv4 = value.match(/:?(?:\d{1,3}\.){3}\d{1,3}/i);
 609 | 		if(!ipv4) {
 610 | 			return false;
 611 | 		}
 612 | 		ipv4 = ipv4[0].replace(/^:/, '');
 613 | 		var pieces = ipv4.split('.');
 614 | 		if (pieces.length != 4) {
 615 | 			return false;
 616 | 		}
 617 | 		var regExp = /^[\-\+]?\d*$/;
 618 | 		for (var i=0; i< pieces.length; i++) {
 619 | 			if (pieces[i] == '') {
 620 | 				return false;
 621 | 			}
 622 | 			var piece = parseInt(pieces[i], 10);
 623 | 			if (isNaN(piece) || piece > 255 || !regExp.test(pieces[i]) || pieces[i].length>3 || /^0{2,3}$/.test(pieces[i])) {
 624 | 				return false;
 625 | 			}
 626 | 		}
 627 | 	}
 628 | 	if (ret && value.indexOf("/") != -1) {
 629 | 		// if prefix-length is specified must be in [1-128]
 630 | 		var prefLen = value.match(/\/\d{1,3}$/);
 631 | 		if (!prefLen) return false;
 632 | 		var prefLenVal = parseInt(prefLen[0].replace(/^\//,''), 10);
 633 | 		if (isNaN(prefLenVal) || prefLenVal > 128 || prefLenVal < 1) {
 634 | 			return false;
 635 | 		}
 636 | 	}
 637 | 	return ret;
 638 | };
 639 | 
 640 | Spry.Widget.ValidationTextField.onloadDidFire = false;
 641 | Spry.Widget.ValidationTextField.loadQueue = [];
 642 | 
 643 | Spry.Widget.ValidationTextField.prototype.isBrowserSupported = function()
 644 | {
 645 | 	return Spry.is.ie && Spry.is.v >= 5 && Spry.is.windows
 646 | 		||
 647 | 	Spry.is.mozilla && Spry.is.v >= 1.4
 648 | 		||
 649 | 	Spry.is.safari
 650 | 		||
 651 | 	Spry.is.opera && Spry.is.v >= 9;
 652 | };
 653 | 
 654 | Spry.Widget.ValidationTextField.prototype.init = function(element, options)
 655 | {
 656 | 	this.element = this.getElement(element);
 657 | 	this.errors = 0;
 658 | 	this.flags = {locked: false, restoreSelection: true};
 659 | 	this.options = {};
 660 | 	this.event_handlers = [];
 661 | 
 662 | 	this.validClass = "textfieldValidState";
 663 | 	this.focusClass = "textfieldFocusState";
 664 | 	this.requiredClass = "textfieldRequiredState";
 665 | 	this.hintClass = "textfieldHintState";
 666 | 	this.invalidFormatClass = "textfieldInvalidFormatState";
 667 | 	this.invalidRangeMinClass = "textfieldMinValueState";
 668 | 	this.invalidRangeMaxClass = "textfieldMaxValueState";
 669 | 	this.invalidCharsMinClass = "textfieldMinCharsState";
 670 | 	this.invalidCharsMaxClass = "textfieldMaxCharsState";
 671 | 	this.textfieldFlashTextClass = "textfieldFlashText";
 672 | 	if (Spry.is.safari) {
 673 | 		this.flags.lastKeyPressedTimeStamp = 0;
 674 | 	}
 675 | 
 676 | 	switch (this.type) {
 677 | 		case 'phone_number':options.format = Spry.Widget.Utils.firstValid(options.format, 'phone_us');break;
 678 | 		case 'currency':options.format = Spry.Widget.Utils.firstValid(options.format, 'comma_dot');break;
 679 | 		case 'zip_code':options.format = Spry.Widget.Utils.firstValid(options.format, 'zip_us5');break;
 680 | 		case 'date':
 681 | 			options.format = Spry.Widget.Utils.firstValid(options.format, 'mm/dd/yy');
 682 | 			break;
 683 | 		case 'time':
 684 | 			options.format = Spry.Widget.Utils.firstValid(options.format, 'HH:mm');
 685 | 			options.pattern = options.format.replace(/[hms]/gi, "0").replace(/TT/gi, 'AM').replace(/T/gi, 'A');
 686 | 			break;
 687 | 		case 'ip':
 688 | 			options.format = Spry.Widget.Utils.firstValid(options.format, 'ipv4');
 689 | 			options.characterMasking = Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].characterMaskingFormats[options.format]; 
 690 | 			break;
 691 | 	}
 692 | 
 693 | 	//retrieve the validation type descriptor to be used with this instance (base on type and format)
 694 | 	//widgets may have different validations depending on format (like zip_code with formats)
 695 | 	var validationDescriptor = {};
 696 | 	if (options.format && Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats) {
 697 | 		if (Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats[options.format]) {
 698 | 			Spry.Widget.Utils.setOptions(validationDescriptor, Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats[options.format]);
 699 | 		}
 700 | 	} else {
 701 | 		Spry.Widget.Utils.setOptions(validationDescriptor, Spry.Widget.ValidationTextField.ValidationDescriptors[this.type]);
 702 | 	}
 703 | 
 704 | 	//set default values for some parameters which were not aspecified
 705 | 	options.useCharacterMasking = Spry.Widget.Utils.firstValid(options.useCharacterMasking, false);
 706 | 	options.hint = Spry.Widget.Utils.firstValid(options.hint, '');
 707 | 	options.isRequired = Spry.Widget.Utils.firstValid(options.isRequired, true);
 708 | 	options.additionalError = Spry.Widget.Utils.firstValid(options.additionalError, false);
 709 | 	if (options.additionalError)
 710 | 		options.additionalError = this.getElement(options.additionalError);
 711 | 
 712 | 	//set widget validation parameters
 713 | 	//get values from validation type descriptor
 714 | 	//use the user specified values, if defined
 715 | 	options.characterMasking = Spry.Widget.Utils.firstValid(options.characterMasking, validationDescriptor.characterMasking);
 716 | 	options.regExpFilter = Spry.Widget.Utils.firstValid(options.regExpFilter, validationDescriptor.regExpFilter);
 717 | 	options.pattern = Spry.Widget.Utils.firstValid(options.pattern, validationDescriptor.pattern);
 718 | 	options.validation = Spry.Widget.Utils.firstValid(options.validation, validationDescriptor.validation);
 719 | 	if (typeof options.validation == 'string') {
 720 | 		options.validation = eval(options.validation);
 721 | 	}
 722 | 
 723 | 	options.minValue = Spry.Widget.Utils.firstValid(options.minValue, validationDescriptor.minValue);
 724 | 	options.maxValue = Spry.Widget.Utils.firstValid(options.maxValue, validationDescriptor.maxValue);
 725 | 
 726 | 	options.minChars = Spry.Widget.Utils.firstValid(options.minChars, validationDescriptor.minChars);
 727 | 	options.maxChars = Spry.Widget.Utils.firstValid(options.maxChars, validationDescriptor.maxChars);
 728 | 
 729 | 	Spry.Widget.Utils.setOptions(this, options);
 730 | 	Spry.Widget.Utils.setOptions(this.options, options);
 731 | };
 732 | 
 733 | Spry.Widget.ValidationTextField.prototype.destroy = function() {
 734 | 	if (this.event_handlers)
 735 | 		for (var i=0; i<this.event_handlers.length; i++) {
 736 | 			Spry.Widget.Utils.removeEventListener(this.event_handlers[i][0], this.event_handlers[i][1], this.event_handlers[i][2], false);
 737 | 		}
 738 | 	try { delete this.element; } catch(err) {}
 739 | 	try { delete this.input; } catch(err) {}
 740 | 	try { delete this.form; } catch(err) {}
 741 | 	try { delete this.event_handlers; } catch(err) {}
 742 | 	try { this.selection.destroy(); } catch(err) {}
 743 | 	try { delete this.selection; } catch(err) {}
 744 | 
 745 | 	var q = Spry.Widget.Form.onSubmitWidgetQueue;
 746 | 	var qlen = q.length;
 747 | 	for (var i = 0; i < qlen; i++) {
 748 | 		if (q[i] == this) {
 749 | 			q.splice(i, 1);
 750 | 			break;
 751 | 		}
 752 | 	}
 753 | };
 754 | 
 755 | Spry.Widget.ValidationTextField.prototype.attachBehaviors = function()
 756 | {
 757 | 	if (this.element) {
 758 | 		if (this.element.nodeName == "INPUT") {
 759 | 			this.input = this.element;
 760 | 		} else {
 761 | 			this.input = Spry.Widget.Utils.getFirstChildWithNodeNameAtAnyLevel(this.element, "INPUT");
 762 | 		}
 763 | 	}
 764 | 
 765 | 	if (this.input) {
 766 | 		if (this.maxChars) {
 767 | 			this.input.removeAttribute("maxLength");
 768 | 		}
 769 | 		this.putHint();
 770 | 		this.compilePattern();
 771 | 		if (this.type == 'date') {
 772 | 			this.compileDatePattern();
 773 | 		}
 774 | 		this.input.setAttribute("AutoComplete", "off");
 775 | 		this.selection = new Spry.Widget.SelectionDescriptor(this.input);
 776 | 		this.oldValue = this.input.value;
 777 | 
 778 | 		var self = this;
 779 | 		this.event_handlers = [];
 780 | 
 781 | 		this.event_handlers.push([this.input, "keydown", function(e) { if (self.isDisabled()) return true; return self.onKeyDown(e || event); }]);
 782 | 		this.event_handlers.push([this.input, "keypress", function(e) { if (self.isDisabled()) return true; return self.onKeyPress(e || event); }]);
 783 | 		if (Spry.is.opera) {
 784 | 			this.event_handlers.push([this.input, "keyup", function(e) { if (self.isDisabled()) return true; return self.onKeyUp(e || event); }]);
 785 | 		}
 786 | 
 787 | 		this.event_handlers.push([this.input, "focus", function(e) { if (self.isDisabled()) return true; return self.onFocus(e || event); }]);
 788 | 		this.event_handlers.push([this.input, "blur", function(e) { if (self.isDisabled()) return true; return self.onBlur(e || event); }]);
 789 | 
 790 | 		this.event_handlers.push([this.input, "mousedown", function(e) { if (self.isDisabled()) return true; return self.onMouseDown(e || event); }]);
 791 | 
 792 | 		var changeEvent = 
 793 | 			Spry.is.mozilla || Spry.is.opera || Spry.is.safari?"input":
 794 | 			Spry.is.ie?"propertychange":
 795 | 			"change";
 796 | 		this.event_handlers.push([this.input, changeEvent, function(e) { if (self.isDisabled()) return true; return self.onChange(e || event); }]);
 797 | 
 798 | 		if (Spry.is.mozilla || Spry.is.safari) {
 799 | 			//oninput event on mozilla does not fire ondragdrop
 800 | 			this.event_handlers.push([this.input, "dragdrop", function(e) { if (self.isDisabled()) return true; self.removeHint();return self.onChange(e || event); }]);
 801 | 		} else if (Spry.is.ie){
 802 | 			//ondrop&onpropertychange crash on IE 
 803 | 			this.event_handlers.push([this.input, "drop", function(e) { if (self.isDisabled()) return true; return self.onDrop(e || event); }]);
 804 | 		}
 805 | 
 806 | 		for (var i=0; i<this.event_handlers.length; i++) {
 807 | 			Spry.Widget.Utils.addEventListener(this.event_handlers[i][0], this.event_handlers[i][1], this.event_handlers[i][2], false);
 808 | 		}
 809 | 
 810 | 		// submit
 811 | 		this.form = Spry.Widget.Utils.getFirstParentWithNodeName(this.input, "FORM");
 812 | 		if (this.form) {
 813 | 			// if no "onSubmit" handler has been attached to the current form, attach one
 814 | 			if (!this.form.attachedSubmitHandler && !this.form.onsubmit) {
 815 | 				this.form.onsubmit = function(e) { e = e || event; return Spry.Widget.Form.onSubmit(e, e.srcElement || e.currentTarget) };
 816 | 				this.form.attachedSubmitHandler = true;                 
 817 | 			}
 818 | 			if (!this.form.attachedResetHandler) {
 819 | 				Spry.Widget.Utils.addEventListener(this.form, "reset", function(e) { e = e || event; return Spry.Widget.Form.onReset(e, e.srcElement || e.currentTarget) }, false);
 820 | 				this.form.attachedResetHandler = true;                 
 821 | 			}
 822 | 			// add the currrent widget to the "onSubmit" check queue;
 823 | 			Spry.Widget.Form.onSubmitWidgetQueue.push(this);
 824 | 		}
 825 | 	}	
 826 | };
 827 | 
 828 | Spry.Widget.ValidationTextField.prototype.isDisabled = function() {
 829 | 	return this.input && (this.input.disabled || this.input.readOnly) || !this.input;
 830 | };
 831 | 
 832 | Spry.Widget.ValidationTextField.prototype.getElement = function(ele)
 833 | {
 834 | 	if (ele && typeof ele == "string")
 835 | 		return document.getElementById(ele);
 836 | 	return ele;
 837 | };
 838 | 
 839 | Spry.Widget.ValidationTextField.addLoadListener = function(handler)
 840 | {
 841 | 	if (typeof window.addEventListener != 'undefined')
 842 | 		window.addEventListener('load', handler, false);
 843 | 	else if (typeof document.addEventListener != 'undefined')
 844 | 		document.addEventListener('load', handler, false);
 845 | 	else if (typeof window.attachEvent != 'undefined')
 846 | 		window.attachEvent('onload', handler);
 847 | };
 848 | 
 849 | Spry.Widget.ValidationTextField.processLoadQueue = function(handler)
 850 | {
 851 | 	Spry.Widget.ValidationTextField.onloadDidFire = true;
 852 | 	var q = Spry.Widget.ValidationTextField.loadQueue;
 853 | 	var qlen = q.length;
 854 | 	for (var i = 0; i < qlen; i++)
 855 | 		q[i].attachBehaviors();
 856 | };
 857 | 
 858 | Spry.Widget.ValidationTextField.addLoadListener(Spry.Widget.ValidationTextField.processLoadQueue);
 859 | Spry.Widget.ValidationTextField.addLoadListener(function(){
 860 | 	Spry.Widget.Utils.addEventListener(window, "unload", Spry.Widget.Form.destroyAll, false);
 861 | });
 862 | 
 863 | Spry.Widget.ValidationTextField.prototype.setValue = function(newValue) {
 864 | 	this.flags.locked = true;
 865 | 	this.input.value = newValue;
 866 | 	this.flags.locked = false;
 867 | 	this.oldValue = newValue;
 868 | 	if (!Spry.is.ie) {
 869 | 		this.onChange();
 870 | 	}
 871 | };
 872 | 
 873 | /**
 874 |  * save the state of the input (selection and value) so we can revert to it
 875 |  * should call this just before modifying the input value
 876 |  */
 877 | Spry.Widget.ValidationTextField.prototype.saveState = function()
 878 | {
 879 | 	this.oldValue = this.input.value;
 880 | 	this.selection.update();
 881 | };
 882 | 
 883 | Spry.Widget.ValidationTextField.prototype.revertState = function(revertValue)
 884 | {
 885 | 	if (revertValue != this.input.value) {
 886 | 		this.input.readOnly = true;
 887 | 		this.input.value = revertValue;
 888 | 		this.input.readOnly = false;
 889 | 		if (Spry.is.safari && this.flags.active) {
 890 | 			this.input.focus();
 891 | 		}
 892 | 	}
 893 |   if (this.flags.restoreSelection) {
 894 | 	this.selection.moveTo(this.selection.start, this.selection.end);
 895 |   }
 896 | 
 897 | 	this.redTextFlash();
 898 | };
 899 | 
 900 | Spry.Widget.ValidationTextField.prototype.removeHint = function()
 901 | {
 902 | 	if (this.flags.hintOn) {
 903 | 		this.input.value = "";
 904 | 		this.flags.hintOn = false;
 905 | 		this.removeClassName(this.element, this.hintClass);
 906 | 		this.removeClassName(this.additionalError, this.hintClass);
 907 | 	}
 908 | };
 909 | 
 910 | Spry.Widget.ValidationTextField.prototype.putHint = function()
 911 | {
 912 | 	if(this.hint && this.input && this.input.type == "text" && this.input.value == "") {
 913 | 		this.flags.hintOn = true;
 914 | 		this.input.value = this.hint;
 915 | 		this.addClassName(this.element, this.hintClass);
 916 | 		this.addClassName(this.additionalError, this.hintClass);
 917 | 	}
 918 | };
 919 | 
 920 | Spry.Widget.ValidationTextField.prototype.redTextFlash = function()
 921 | {
 922 | 	var self = this;
 923 | 	this.addClassName(this.element, this.textfieldFlashTextClass);
 924 | 	setTimeout(function() {
 925 | 		self.removeClassName(self.element, self.textfieldFlashTextClass)
 926 | 	}, 100);
 927 | };
 928 | 
 929 | Spry.Widget.ValidationTextField.prototype.doValidations = function(testValue, revertValue)
 930 | {
 931 | 	if (this.isDisabled()) return false;
 932 | 
 933 | 	if (this.flags.locked) {
 934 | 		return false;
 935 | 	}
 936 | 
 937 | 	if (testValue.length == 0 && !this.isRequired) {
 938 | 		this.errors = 0;
 939 | 		return false;
 940 | 	}
 941 | 	this.flags.locked = true;
 942 | 
 943 | 	var mustRevert = false;
 944 | 	var continueValidations = true;
 945 | 	if (!this.options.isRequired && testValue.length == 0) {
 946 | 		continueValidations = false;
 947 | 	}
 948 | 
 949 | 	var errors = 0;
 950 | 	var fixedValue = testValue;
 951 | 
 952 | 	//characterMasking - test if all characters are valid with the characterMasking (keyboard filter)
 953 | 	if (this.useCharacterMasking && this.characterMasking) {
 954 | 		for(var i=0; i<testValue.length; i++) {
 955 | 			if (!this.characterMasking.test(testValue.charAt(i))) {
 956 | 				errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
 957 | 				fixedValue = revertValue;
 958 | 				mustRevert = true;
 959 | 				break;
 960 | 			}
 961 | 		}
 962 | 	}
 963 | 
 964 | 	//regExpFilter - character mask positioning (additional mask to restrict some characters only in some position)
 965 | 	if (!mustRevert && this.useCharacterMasking && this.regExpFilter) {
 966 | 		if (!this.regExpFilter.test(fixedValue)) {
 967 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
 968 | 			mustRevert = true;
 969 | 		}
 970 | 	}
 971 | 
 972 | 	//pattern - testValue matches the pattern so far
 973 | 	if (!mustRevert && this.pattern) {
 974 | 		var currentRegExp = this.patternToRegExp(testValue.length);
 975 | 		if (!currentRegExp.test(testValue)) {
 976 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
 977 | 			mustRevert = true;
 978 | 		} else if (this.patternLength != testValue.length) {
 979 | 			//testValue matches pattern so far, but it's not ok if it does not have the proper length
 980 | 			//do not revert, but should show the error
 981 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
 982 | 		}
 983 | 	}
 984 | 
 985 | 	if (fixedValue == '') {
 986 | 		errors = errors | Spry.Widget.ValidationTextField.ERROR_REQUIRED;
 987 | 	}
 988 | 
 989 | 	if (!mustRevert && this.pattern && this.useCharacterMasking) {
 990 | 		var n = this.getAutoComplete(testValue.length);
 991 | 		if (n) {
 992 | 			fixedValue += n;
 993 | 		}
 994 | 	}
 995 | 
 996 | 	if(!mustRevert && this.minChars !== null  && continueValidations) {
 997 | 		if (testValue.length < this.minChars) {
 998 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_CHARS_MIN;
 999 | 			continueValidations = false;
1000 | 		}
1001 | 	}
1002 | 
1003 | 	if(!mustRevert && this.maxChars !== null && continueValidations) {
1004 | 		if (testValue.length > this.maxChars) {
1005 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_CHARS_MAX;
1006 | 			continueValidations = false;
1007 | 		}
1008 | 	}
1009 | 
1010 | 	//validation - testValue passes widget validation function
1011 | 	if (!mustRevert && this.validation && continueValidations) {
1012 | 		var value = this.validation(fixedValue, this.options);
1013 | 		if (false === value) {
1014 | 			errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
1015 | 			continueValidations = false;
1016 | 		} else {
1017 | 			this.typedValue = value;
1018 | 		}
1019 | 	}
1020 | 
1021 | 	if(!mustRevert && this.validation && this.minValue !== null && continueValidations) {
1022 | 		var minValue = this.validation(this.minValue.toString(), this.options);
1023 | 		if (minValue !== false) {
1024 | 			if (this.typedValue < minValue) {
1025 | 				errors = errors | Spry.Widget.ValidationTextField.ERROR_RANGE_MIN;
1026 | 				continueValidations = false;
1027 | 			}
1028 | 		}
1029 | 	}
1030 | 
1031 | 	if(!mustRevert && this.validation && this.maxValue !== null && continueValidations) {
1032 | 		var maxValue = this.validation(this.maxValue.toString(), this.options);
1033 | 		if (maxValue !== false) {
1034 | 			if( this.typedValue > maxValue) {
1035 | 				errors = errors | Spry.Widget.ValidationTextField.ERROR_RANGE_MAX;
1036 | 				continueValidations = false;
1037 | 			}
1038 | 		}
1039 | 	}
1040 | 
1041 | 	//an invalid value was tested; must make sure it does not get inside the input
1042 | 	if (this.useCharacterMasking && mustRevert) {
1043 | 		this.revertState(revertValue);
1044 | 	}
1045 | 
1046 | 	this.errors = errors;
1047 | 	this.fixedValue = fixedValue;
1048 | 
1049 | 	this.flags.locked = false;
1050 | 
1051 | 	return mustRevert;
1052 | };
1053 | 
1054 | Spry.Widget.ValidationTextField.prototype.onChange = function(e)
1055 | {
1056 | 	if (Spry.is.opera && this.flags.operaRevertOnKeyUp) {
1057 | 		return true;
1058 | 	}
1059 | 	if (Spry.is.ie && e && e.propertyName != 'value') {
1060 | 		return true;
1061 | 	}
1062 | 
1063 | 	if (this.flags.drop) {
1064 | 		//delay this if it's a drop operation
1065 | 		var self = this;
1066 | 		setTimeout(function() {
1067 | 			self.flags.drop = false;
1068 | 			self.onChange(null);
1069 | 		}, 0);
1070 | 		return;
1071 | 	}
1072 | 
1073 | 	if (this.flags.hintOn) {
1074 | 		return true;
1075 | 	}
1076 | 
1077 | 	if (this.keyCode == 8 || this.keyCode == 46 ) {
1078 | 		var mustRevert = this.doValidations(this.input.value, this.input.value);
1079 | 		this.oldValue = this.input.value;
1080 | 		if ((mustRevert || this.errors) && this.validateOn & Spry.Widget.ValidationTextField.ONCHANGE) {
1081 | 			var self = this;
1082 | 			setTimeout(function() {self.validate();}, 0);
1083 | 			return true;
1084 | 		}
1085 | 	}
1086 | 
1087 | 	var mustRevert = this.doValidations(this.input.value, this.oldValue);
1088 | 	if ((!mustRevert || this.errors) && this.validateOn & Spry.Widget.ValidationTextField.ONCHANGE) {
1089 | 		var self = this;
1090 | 		setTimeout(function() {self.validate();}, 0);
1091 | 	}
1092 | 	return true;
1093 | };
1094 | 
1095 | Spry.Widget.ValidationTextField.prototype.onKeyUp = function(e) {
1096 | 	if (this.flags.operaRevertOnKeyUp) {
1097 | 		this.setValue(this.oldValue);
1098 | 		Spry.Widget.Utils.stopEvent(e);
1099 | 		this.selection.moveTo(this.selection.start, this.selection.start);
1100 | 		this.flags.operaRevertOnKeyUp = false;
1101 | 		return false;
1102 | 	}
1103 | 	if (this.flags.operaPasteOperation) {
1104 | 		window.clearInterval(this.flags.operaPasteOperation);
1105 | 		this.flags.operaPasteOperation = null;
1106 | 	}
1107 | };
1108 | 
1109 | Spry.Widget.ValidationTextField.prototype.operaPasteMonitor = function() {
1110 | 	if (this.input.value != this.oldValue) {
1111 | 		var mustRevert = this.doValidations(this.input.value, this.input.value);
1112 | 		if (mustRevert) {
1113 | 			this.setValue(this.oldValue);
1114 | 			this.selection.moveTo(this.selection.start, this.selection.start);
1115 | 		} else {
1116 | 			this.onChange();
1117 | 		}
1118 | 	}
1119 | };
1120 | 
1121 | 
1122 | Spry.Widget.ValidationTextField.prototype.compileDatePattern = function () 
1123 | {
1124 | 	var dateValidationPatternString = "";
1125 | 	var groupPatterns = [];
1126 | 	var fullGroupPatterns = [];
1127 | 	var autocompleteCharacters = [];
1128 | 	
1129 | 	
1130 | 	var formatRegExp = /^([mdy]+)([\.\-\/\\\s]+)([mdy]+)([\.\-\/\\\s]+)([mdy]+)$/i;
1131 | 	var formatGroups = this.options.format.match(formatRegExp);
1132 | 	if (formatGroups !== null) {
1133 | 		for (var i=1; i<formatGroups.length; i++) {
1134 | 			switch (formatGroups[i].toLowerCase()) {
1135 | 				case "dd":
1136 | 					groupPatterns[i-1] = "\\d{1,2}";
1137 | 					fullGroupPatterns[i-1] = "\\d\\d";
1138 | 					dateValidationPatternString += "(" + groupPatterns[i-1] + ")";
1139 | 					autocompleteCharacters[i-1] = null;
1140 | 					break;
1141 | 				case "mm":
1142 | 					groupPatterns[i-1] = "\\d{1,2}";
1143 | 					fullGroupPatterns[i-1] = "\\d\\d";
1144 | 					dateValidationPatternString += "(" + groupPatterns[i-1] + ")";
1145 | 					autocompleteCharacters[i-1] = null;
1146 | 					break;
1147 | 				case "yy":
1148 | 					groupPatterns[i-1] = "\\d{1,2}";
1149 | 					fullGroupPatterns[i-1] = "\\d\\d";
1150 | 					dateValidationPatternString += "(\\d\\d)";
1151 | 					autocompleteCharacters[i-1] = null;
1152 | 					break;
1153 | 				case "yyyy":
1154 | 					groupPatterns[i-1] = "\\d{1,4}";
1155 | 					fullGroupPatterns[i-1] = "\\d\\d\\d\\d";
1156 | 					dateValidationPatternString += "(\\d\\d\\d\\d)";
1157 | 					autocompleteCharacters[i-1] = null;
1158 | 					break;
1159 | 				default:
1160 | 					groupPatterns[i-1] = fullGroupPatterns[i-1] = Spry.Widget.ValidationTextField.regExpFromChars(formatGroups[i]);
1161 | 
1162 | 
1163 | 					dateValidationPatternString += "["+ groupPatterns[i-1] + "]";
1164 | 					autocompleteCharacters[i-1] = formatGroups[i];
1165 | 			}
1166 | 		}
1167 | 	}
1168 | 	this.dateValidationPattern = new RegExp("^" + dateValidationPatternString + "$" , "");
1169 | 	this.dateAutocompleteCharacters = autocompleteCharacters;
1170 | 	this.dateGroupPatterns = groupPatterns;
1171 | 	this.dateFullGroupPatterns = fullGroupPatterns;
1172 | 	this.lastDateGroup = formatGroups.length-2;
1173 | };
1174 | 
1175 | Spry.Widget.ValidationTextField.prototype.getRegExpForGroup = function (group) 
1176 | {
1177 | 	var ret = '^';
1178 | 	for (var j = 0; j <= group; j++) ret += this.dateGroupPatterns[j];
1179 | 	ret += '$';
1180 | 	return new RegExp(ret, "");	
1181 | };
1182 | 
1183 | Spry.Widget.ValidationTextField.prototype.getRegExpForFullGroup = function (group) 
1184 | {
1185 | 	var ret = '^';
1186 | 	for (var j = 0; j < group; j++) ret += this.dateGroupPatterns[j];
1187 | 	ret += this.dateFullGroupPatterns[group];
1188 | 	return new RegExp(ret, "");	
1189 | };
1190 | 
1191 | Spry.Widget.ValidationTextField.prototype.getDateGroup = function(value, pos) 
1192 | {
1193 | 	if (pos == 0) return 0;
1194 | 	var test_value = value.substring(0, pos);
1195 | 	for (var i=0; i <= this.lastDateGroup; i++) 
1196 | 		if (this.getRegExpForGroup(i).test(test_value)) return i;
1197 | 	return -1;
1198 | };
1199 | 
1200 | 
1201 | Spry.Widget.ValidationTextField.prototype.isDateGroupFull = function(value, group) 
1202 | {
1203 | 	return this.getRegExpForFullGroup(group).test(value);
1204 | };
1205 | 
1206 | Spry.Widget.ValidationTextField.prototype.isValueValid = function(value, pos, group) 
1207 | {
1208 | 	var test_value = value.substring(0, pos);
1209 | 	return this.getRegExpForGroup(group).test(test_value);
1210 | };
1211 | 
1212 | 
1213 | Spry.Widget.ValidationTextField.prototype.isPositionAtEndOfGroup = function (value, pos, group)
1214 | {
1215 | 	var test_value = value.substring(0, pos);
1216 | 	return this.getRegExpForFullGroup(group).test(test_value);
1217 | };
1218 | 
1219 | Spry.Widget.ValidationTextField.prototype.nextDateDelimiterExists = function (value, pos, group)
1220 | {
1221 | 	var autocomplete = this.dateAutocompleteCharacters[group+1];
1222 | 	if (value.length < pos  + autocomplete.length) 
1223 | 		return false;
1224 | 	else 
1225 | 	{
1226 | 		var test_value = value.substring(pos, pos+autocomplete.length);
1227 | 		if (test_value == autocomplete) 
1228 | 			return true;
1229 | 	}
1230 | 	return false;
1231 | };
1232 | 
1233 | 
1234 | 
1235 | Spry.Widget.ValidationTextField.prototype.onKeyPress = function(e)
1236 | {
1237 | 	if (this.flags.skp) {
1238 | 		this.flags.skp = false;
1239 | 		Spry.Widget.Utils.stopEvent(e);
1240 | 		return false;
1241 | 	}
1242 | 
1243 | 	if (e.ctrlKey || e.metaKey || !this.useCharacterMasking) {
1244 | 		return true;
1245 | 	}
1246 | /*
1247 | 	if (Spry.is.safari) {
1248 | 		if ( (e.timeStamp - this.flags.lastKeyPressedTimeStamp)<10 ) {
1249 | 			return true;
1250 | 		}
1251 | 		this.flags.lastKeyPressedTimeStamp = e.timeStamp;
1252 | 	}
1253 | */
1254 | 	if (Spry.is.opera && this.flags.operaRevertOnKeyUp) {
1255 | 		Spry.Widget.Utils.stopEvent(e);
1256 | 		return false;
1257 | 	}
1258 | 
1259 | 	if (this.keyCode == 8 || this.keyCode == 46) {
1260 | 		var mr = this.doValidations(this.input.value, this.input.value);
1261 | 		if (mr) {
1262 | 			return true;
1263 | 		}
1264 | 	}
1265 | 
1266 | 	var pressed = Spry.Widget.Utils.getCharacterFromEvent(e);
1267 | 
1268 | 	if (pressed && this.characterMasking) {
1269 | 		if (!this.characterMasking.test(pressed)) {
1270 | 			Spry.Widget.Utils.stopEvent(e);
1271 | 			this.redTextFlash();
1272 | 			return false;
1273 | 		}
1274 | 	}
1275 | 
1276 | 	if(pressed && this.pattern) {
1277 | 		var currentPatternChar = this.patternCharacters[this.selection.start];
1278 | 		if (/[ax]/i.test(currentPatternChar)) {
1279 | 			//convert the entered character to the pattern character case
1280 | 			if (currentPatternChar.toLowerCase() == currentPatternChar) {
1281 | 				pressed = pressed.toLowerCase();
1282 | 			} else {
1283 | 				pressed = pressed.toUpperCase();
1284 | 			}
1285 | 		}
1286 | 
1287 | 		var autocomplete = this.getAutoComplete(this.selection.start);
1288 | 		if (this.selection.start == this.oldValue.length) {
1289 | 			if (this.oldValue.length < this.patternLength) {
1290 | 				if (autocomplete) {
1291 | 					Spry.Widget.Utils.stopEvent(e);
1292 | 					var futureValue = this.oldValue.substring(0, this.selection.start) + autocomplete + pressed;
1293 | 					var mustRevert = this.doValidations(futureValue, this.oldValue);
1294 | 					if (!mustRevert) {
1295 | 						this.setValue(this.fixedValue);
1296 | 						this.selection.moveTo(this.fixedValue.length, this.fixedValue.length);
1297 | 					} else {
1298 | 						this.setValue(this.oldValue.substring(0, this.selection.start) + autocomplete);
1299 | 						this.selection.moveTo(this.selection.start + autocomplete.length, this.selection.start + autocomplete.length);
1300 | 					}
1301 | 					return false;
1302 | 				}
1303 | 			} else {
1304 | 				Spry.Widget.Utils.stopEvent(e);
1305 | 				this.setValue(this.input.value);
1306 | 				return false;
1307 | 			}
1308 | 		} else if (autocomplete) {
1309 | 			Spry.Widget.Utils.stopEvent(e);
1310 | 			this.selection.moveTo(this.selection.start + autocomplete.length, this.selection.start + autocomplete.length);
1311 | 			return false;
1312 | 		}
1313 | 
1314 | 		Spry.Widget.Utils.stopEvent(e);
1315 | 
1316 | 		var futureValue = this.oldValue.substring(0, this.selection.start) + pressed + this.oldValue.substring(this.selection.start + 1);
1317 | 		var mustRevert = this.doValidations(futureValue, this.oldValue);
1318 | 
1319 | 		if (!mustRevert) {
1320 | 			autocomplete = this.getAutoComplete(this.selection.start + 1);
1321 | 			this.setValue(this.fixedValue);
1322 | 			this.selection.moveTo(this.selection.start + 1 + autocomplete.length, this.selection.start + 1 + autocomplete.length);
1323 | 		} else {
1324 | 			this.selection.moveTo(this.selection.start, this.selection.start);
1325 | 		}
1326 | 
1327 | 		return false;
1328 | 	}
1329 | 	
1330 | 	
1331 | 	if (pressed && this.type == 'date' && this.useCharacterMasking) 
1332 | 	{
1333 | 		var group = this.getDateGroup(this.oldValue, this.selection.start);
1334 | 		if (group != -1) {
1335 | 			Spry.Widget.Utils.stopEvent(e);
1336 | 			if ( (group % 2) !=0 ) 
1337 | 				group ++;
1338 | 			
1339 | 			if (this.isDateGroupFull(this.oldValue, group)) 
1340 | 			{
1341 | 				if(this.isPositionAtEndOfGroup(this.oldValue, this.selection.start, group))
1342 | 				{
1343 | 					if(group == this.lastDateGroup) 
1344 | 					{
1345 | 						this.redTextFlash(); return false;
1346 | 					}
1347 | 					else 
1348 | 					{
1349 | 						// add or jump over autocomplete delimiter
1350 | 						var autocomplete = this.dateAutocompleteCharacters[group+1];
1351 | 						
1352 | 						if (this.nextDateDelimiterExists(this.oldValue, this.selection.start, group))
1353 | 						{
1354 | 							var autocomplete = this.dateAutocompleteCharacters[group+1];
1355 | 							
1356 | 							this.selection.moveTo(this.selection.start + autocomplete.length, this.selection.start + autocomplete.length);
1357 | 							if (pressed == autocomplete) 
1358 | 								return false;
1359 | 							
1360 | 							if (this.isDateGroupFull(this.oldValue, group+2)) 
1361 | 								// need to overwrite first char in the next digit group
1362 | 								futureValue = this.oldValue.substring(0, this.selection.start) + pressed + this.oldValue.substring(this.selection.start + 1);
1363 | 							else
1364 | 								futureValue = this.oldValue.substring(0, this.selection.start) + pressed + this.oldValue.substring(this.selection.start);
1365 | 								
1366 | 							if (!this.isValueValid(futureValue, this.selection.start + 1, group +2 )) 
1367 | 							{
1368 | 								this.redTextFlash(); return false;						
1369 | 							}
1370 | 							else
1371 | 							{
1372 | 								this.setValue (futureValue);
1373 | 								this.selection.moveTo(this.selection.start + 1, this.selection.start + 1);									
1374 | 							}
1375 | 							return false;					
1376 | 						}
1377 | 						else 
1378 | 						{
1379 | 							var autocomplete = this.dateAutocompleteCharacters[group+1];
1380 | 							
1381 | 							var insertedValue = autocomplete + pressed;
1382 | 							futureValue = this.oldValue.substring(0, this.selection.start) + insertedValue + this.oldValue.substring(this.selection.start);
1383 | 							if (!this.isValueValid(futureValue, this.selection.start + insertedValue.length, group +2 )) 
1384 | 							{
1385 | 								// block this type
1386 | 								insertedValue = autocomplete;
1387 | 								futureValue = this.oldValue.substring(0, this.selection.start) + insertedValue + this.oldValue.substring(this.selection.start);
1388 | 								this.setValue (futureValue);
1389 | 								this.selection.moveTo(this.selection.start + insertedValue.length, this.selection.start + insertedValue.length);									
1390 | 								this.redTextFlash(); return false;
1391 | 							}
1392 | 							else 
1393 | 							{
1394 | 								this.setValue (futureValue);
1395 | 								this.selection.moveTo(this.selection.start + insertedValue.length, this.selection.start + insertedValue.length);									
1396 | 								return false;
1397 | 							}
1398 | 						}
1399 | 						
1400 | 					}
1401 | 				}
1402 | 				else
1403 | 				{
1404 | 					// it's not the end of the full digits group
1405 | 					
1406 | 					// overwrite
1407 | 					var movePosition = 1;
1408 | 					futureValue = this.oldValue.substring(0, this.selection.start) + pressed + this.oldValue.substring(this.selection.start + 1);
1409 | 					if (!this.isValueValid(futureValue, this.selection.start + 1, group)) 
1410 | 					{
1411 | 						this.redTextFlash(); return false;
1412 | 					}
1413 | 					else 
1414 | 					{
1415 | 						if(this.isPositionAtEndOfGroup(futureValue, this.selection.start+1, group)) 
1416 | 						{
1417 | 							if (group != this.lastDateGroup)
1418 | 							{
1419 | 								if (this.nextDateDelimiterExists(futureValue, this.selection.start + 1, group))
1420 | 								{
1421 | 									var autocomplete = this.dateAutocompleteCharacters[group+1];
1422 | 									movePosition = 1 + autocomplete.length;
1423 | 								}
1424 | 								else
1425 | 								{
1426 | 									var autocomplete = this.dateAutocompleteCharacters[group+1];
1427 | 									futureValue = this.oldValue.substring(0, this.selection.start) + pressed + autocomplete + this.oldValue.substring(this.selection.start + 1);
1428 | 									movePosition = 1 + autocomplete.length;
1429 | 								}
1430 | 							}
1431 | 						}
1432 | 						this.setValue (futureValue);
1433 | 						this.selection.moveTo(this.selection.start + movePosition, this.selection.start + movePosition);									
1434 | 						return false;							
1435 | 					}			
1436 | 				}
1437 | 			}
1438 | 			else
1439 | 			{
1440 | 				// date group is not full
1441 | 				// insert
1442 | 				futureValue = this.oldValue.substring(0, this.selection.start) + pressed + this.oldValue.substring(this.selection.start);
1443 | 				var movePosition = 1;
1444 | 				if (!this.isValueValid(futureValue, this.selection.start + 1, group) && !this.isValueValid(futureValue, this.selection.start + 1, group+1)) 
1445 | 				{
1446 | 					this.redTextFlash(); return false;
1447 | 				}
1448 | 				else 
1449 | 				{
1450 | 					var autocomplete = this.dateAutocompleteCharacters[group+1];
1451 | 					if (pressed == autocomplete) 
1452 | 					{
1453 | 						if (this.nextDateDelimiterExists(this.oldValue, this.selection.start, group))
1454 | 						{
1455 | 							futureValue = this.oldValue;
1456 | 							movePosition = 1;
1457 | 						}
1458 | 					}
1459 | 					else
1460 | 					{
1461 | 						if(this.isPositionAtEndOfGroup(futureValue, this.selection.start+1, group)) 
1462 | 						{
1463 | 							if (group != this.lastDateGroup)
1464 | 							{
1465 | 								if (this.nextDateDelimiterExists(futureValue, this.selection.start + 1, group))
1466 | 								{
1467 | 									var autocomplete = this.dateAutocompleteCharacters[group+1];
1468 | 									movePosition = 1 + autocomplete.length;
1469 | 								}
1470 | 								else
1471 | 								{
1472 | 									var autocomplete = this.dateAutocompleteCharacters[group+1];
1473 | 									futureValue = this.oldValue.substring(0, this.selection.start) + pressed + autocomplete + this.oldValue.substring(this.selection.start + 1);
1474 | 									movePosition = 1 + autocomplete.length;
1475 | 								}
1476 | 							}
1477 | 						}
1478 | 					}
1479 | 					this.setValue (futureValue);
1480 | 					this.selection.moveTo(this.selection.start + movePosition, this.selection.start + movePosition);									
1481 | 					return false;						
1482 | 				}	
1483 | 			}
1484 | 		}
1485 | 		return false;
1486 | 	}
1487 | 	
1488 | };
1489 | 
1490 | Spry.Widget.ValidationTextField.prototype.onKeyDown = function(e)
1491 | {
1492 | 	this.saveState();
1493 | 	this.keyCode = e.keyCode;
1494 | 
1495 | 	if (Spry.is.opera) {
1496 | 		if (this.flags.operaPasteOperation) {
1497 | 			window.clearInterval(this.flags.operaPasteOperation);
1498 | 			this.flags.operaPasteOperation = null;
1499 | 		}
1500 | 		if (e.ctrlKey) {
1501 | 			var pressed = Spry.Widget.Utils.getCharacterFromEvent(e);
1502 | 			if (pressed && 'vx'.indexOf(pressed.toLowerCase()) != -1) {
1503 | 				var self = this;
1504 | 				this.flags.operaPasteOperation = window.setInterval(function() { self.operaPasteMonitor();}, 1);
1505 | 				return true;
1506 | 			}
1507 | 		}
1508 | 	}
1509 | 
1510 | 	if (this.keyCode != 8 && this.keyCode != 46 && Spry.Widget.Utils.isSpecialKey(e)) {
1511 | 		return true;
1512 | 	}
1513 | 	if (this.keyCode == 8 || this.keyCode == 46 ) {
1514 | 		var mr = this.doValidations(this.input.value, this.input.value);
1515 | 		if (mr) {
1516 | 			return true;
1517 | 		}
1518 | 	}
1519 | 
1520 | 	//DELETE
1521 | 	if (this.useCharacterMasking && this.pattern && this.keyCode == 46) {
1522 | 		if (e.ctrlKey) {
1523 | 			//delete from selection until end
1524 | 			this.setValue(this.input.value.substring(0, this.selection.start));
1525 | 		} else if (this.selection.end == this.input.value.length || this.selection.start == this.input.value.length-1){
1526 | 			//allow key if selection is at end (will delete selection)
1527 | 
1528 | 			return true;
1529 | 		} else {
1530 | 			this.flags.operaRevertOnKeyUp = true;
1531 | 		}
1532 | 		if (Spry.is.mozilla && Spry.is.mac) {
1533 | 			this.flags.skp = true;
1534 | 		}
1535 | 		Spry.Widget.Utils.stopEvent(e);
1536 | 		return false;
1537 | 	}
1538 | 
1539 | 	//BACKSPACE
1540 | 	if (this.useCharacterMasking && this.pattern && !e.ctrlKey && this.keyCode == 8) {
1541 | 		if (this.selection.start == this.input.value.length) {
1542 | 			//delete with BACKSPACE from the end of the input value only
1543 | 			var n = this.getAutoComplete(this.selection.start, -1);
1544 | 			this.setValue(this.input.value.substring(0, this.input.value.length - (Spry.is.opera?0:1) - n.length));
1545 | 			if (Spry.is.opera) {
1546 | 				//cant stop the event on Opera, we'll just preserve the selection so delete will act on it
1547 | 				this.selection.start = this.selection.start - 1 - n.length;
1548 | 				this.selection.end = this.selection.end - 1 - n.length;
1549 | 			}
1550 | 		} else if (this.selection.end == this.input.value.length){
1551 | 			//allow BACKSPACE if selection is at end (will delete selection)
1552 | 			return true;
1553 | 		} else {
1554 | 			this.flags.operaRevertOnKeyUp = true;
1555 | 		}
1556 | 		if (Spry.is.mozilla && Spry.is.mac) {
1557 | 			this.flags.skp = true;
1558 | 		} 
1559 | 		Spry.Widget.Utils.stopEvent(e);
1560 | 		return false;
1561 | 	}
1562 | 
1563 | 	return true;
1564 | };
1565 | 
1566 | Spry.Widget.ValidationTextField.prototype.onMouseDown = function(e)
1567 | {
1568 | 	if (this.flags.active) {
1569 | 		//mousedown fires before focus
1570 | 		//avoid double saveState on first focus by mousedown by checking if the control has focus
1571 | 		//do nothing if it's not focused because saveState will be called onfocus
1572 | 		this.saveState();
1573 | 	}
1574 | };
1575 | 
1576 | Spry.Widget.ValidationTextField.prototype.onDrop = function(e)
1577 | {
1578 | 	//mark that a drop operation is in progress to avoid race conditions with event handlers for other events
1579 | 	//especially onchange and onfocus
1580 | 	this.flags.drop = true;
1581 | 	this.removeHint();
1582 | 	this.saveState();
1583 | 	this.flags.active = true;
1584 | 	this.addClassName(this.element, this.focusClass);
1585 | 	this.addClassName(this.additionalError, this.focusClass);
1586 | };
1587 | 
1588 | Spry.Widget.ValidationTextField.prototype.onFocus = function(e)
1589 | {
1590 | 	if (this.flags.drop) {
1591 | 		return;
1592 | 	}
1593 | 	this.removeHint();
1594 | 
1595 | 	if (this.pattern && this.useCharacterMasking) {
1596 | 		var autocomplete = this.getAutoComplete(this.selection.start);
1597 | 		this.setValue(this.input.value + autocomplete);
1598 | 		this.selection.moveTo(this.input.value.length, this.input.value.length);
1599 | 	}
1600 | 	
1601 | 	this.saveState();
1602 | 	this.flags.active = true;
1603 | 	this.addClassName(this.element, this.focusClass);
1604 | 	this.addClassName(this.additionalError, this.focusClass);
1605 | };
1606 | 	
1607 | Spry.Widget.ValidationTextField.prototype.onBlur = function(e)
1608 | {
1609 | 	this.flags.active = false;
1610 | 	this.removeClassName(this.element, this.focusClass);
1611 | 	this.removeClassName(this.additionalError, this.focusClass);
1612 | 	this.flags.restoreSelection = false;
1613 | 	var mustRevert = this.doValidations(this.input.value, this.input.value);
1614 | 	this.flags.restoreSelection = true;
1615 | 
1616 | 	if (this.validateOn & Spry.Widget.ValidationTextField.ONBLUR) {
1617 | 		this.validate();
1618 | 	}
1619 | 	var self = this;
1620 | 	setTimeout(function() {self.putHint();}, 10);
1621 | 	return true;
1622 | };
1623 | 
1624 | Spry.Widget.ValidationTextField.prototype.compilePattern = function() {
1625 | 	if (!this.pattern) {
1626 | 		return;
1627 | 	}
1628 | 	var compiled = [];
1629 | 	var regexps = [];
1630 | 	var patternCharacters = [];
1631 | 	var idx = 0;
1632 | 	var c = '', p = '';
1633 | 	for (var i=0; i<this.pattern.length; i++) {
1634 | 		c = this.pattern.charAt(i);
1635 | 		if (p == '\\') {
1636 | 			if (/[0ABXY\?]/i.test(c)) {
1637 | 				regexps[idx - 1] = c;
1638 | 			} else {
1639 | 				regexps[idx - 1] = Spry.Widget.ValidationTextField.regExpFromChars(c);
1640 | 			}
1641 | 			compiled[idx - 1] = c;
1642 | 			patternCharacters[idx - 1] = null;
1643 | 			p = '';
1644 | 			continue;
1645 | 		}
1646 | 		regexps[idx] = Spry.Widget.ValidationTextField.regExpFromChars(c);
1647 | 		if (/[0ABXY\?]/i.test(c)) {
1648 | 			compiled[idx] = null;
1649 | 			patternCharacters[idx] = c;
1650 | 		} else if (c == '\\') {
1651 | 			compiled[idx] = c;
1652 | 			patternCharacters[idx] = '\\';
1653 | 		} else {
1654 | 			compiled[idx] = c;
1655 | 			patternCharacters[idx] = null;
1656 | 		}
1657 | 		idx++;
1658 | 		p = c;
1659 | 	}
1660 | 
1661 | 	this.autoCompleteCharacters = compiled;
1662 | 	this.compiledPattern = regexps;
1663 | 	this.patternCharacters = patternCharacters;
1664 | 
1665 | 	this.patternLength = compiled.length;
1666 | };
1667 | 
1668 | Spry.Widget.ValidationTextField.prototype.getAutoComplete = function(from, direction) {
1669 | 	if (direction == -1) {
1670 | 		var n = '', m = '';
1671 | 		while(from && (n = this.getAutoComplete(--from) )) {
1672 | 			m = n;
1673 | 		}
1674 | 		return m;
1675 | 	}
1676 | 	var ret = '', c = '';
1677 | 	for (var i=from; i<this.autoCompleteCharacters.length; i++) {
1678 | 		c = this.autoCompleteCharacters[i];
1679 | 		if (c) {
1680 | 			ret += c;
1681 | 		} else {
1682 | 			break;
1683 | 		}
1684 | 	}
1685 | 	return ret;
1686 | };
1687 | 
1688 | Spry.Widget.ValidationTextField.regExpFromChars = function (string) {
1689 | 	//string contains pattern characters
1690 | 	var ret = '', character = '';
1691 | 	for (var i = 0; i<string.length; i++) {
1692 | 		character = string.charAt(i);
1693 | 		switch (character) {
1694 | 			case '0': ret += '\\d';break;
1695 | 			case 'A': ret += '[A-Z]';break;
1696 | //			case 'A': ret += '[\u0041-\u005A\u0061-\u007A\u0100-\u017E\u0180-\u0233\u0391-\u03CE\u0410-\u044F\u05D0-\u05EA\u0621-\u063A\u0641-\u064A\u0661-\u06D3\u06F1-\u06FE]';break;
1697 | 			case 'a': ret += '[a-z]';break;
1698 | //			case 'a': ret += '[\u0080-\u00FF]';break;
1699 | 			case 'B': case 'b': ret += '[a-zA-Z]';break;
1700 | 			case 'x': ret += '[0-9a-z]';break;
1701 | 			case 'X': ret += '[0-9A-Z]';break;
1702 | 			case 'Y': case 'y': ret += '[0-9a-zA-Z]';break;
1703 | 			case '?': ret += '.';break;
1704 | 			case '1':case '2':case '3':case '4':case '5':case '6':case '7':case '8':case '9':
1705 | 				ret += character;
1706 | 				break;
1707 | 			case 'c': case 'C': case 'e': case 'E': case 'f': case 'F':case 'r':case 'd': case 'D':case 'n':case 's':case 'S':case 'w':case 'W':case 't':case 'v':
1708 | 				ret += character;
1709 | 				break;
1710 | 			default: ret += '\\' + character;
1711 | 		}
1712 | 	}
1713 | 	return ret;
1714 | };
1715 | 
1716 | Spry.Widget.ValidationTextField.prototype.patternToRegExp = function(len) {
1717 | 	var ret = '^';
1718 | 	var end = Math.min(this.compiledPattern.length, len);
1719 | 	for (var i=0; i < end; i++) {
1720 | 		ret += this.compiledPattern[i];
1721 | 	}
1722 | 	ret += '$';
1723 | 	ret = new RegExp(ret, "");
1724 | 	return ret;
1725 | };
1726 | 
1727 | Spry.Widget.ValidationTextField.prototype.resetClasses = function() {
1728 | 	var classes = [this.requiredClass, this.invalidFormatClass, this.invalidRangeMinClass, this.invalidRangeMaxClass, this.invalidCharsMinClass, this.invalidCharsMaxClass, this.validClass];
1729 | 	for (var i=0; i < classes.length; i++)
1730 | 	{
1731 | 		this.removeClassName(this.element, classes[i]);
1732 | 		this.removeClassName(this.additionalError, classes[i]);
1733 | 	}
1734 | };
1735 | 
1736 | Spry.Widget.ValidationTextField.prototype.reset = function() {
1737 | 	this.removeHint();
1738 | 	this.oldValue = this.input.defaultValue;
1739 | 	
1740 | 	this.resetClasses();
1741 | 	if (Spry.is.ie) {
1742 | 		//this will fire the onpropertychange event right after the className changed on the container element
1743 | 		//IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
1744 | 		//to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
1745 | 		this.input.forceFireFirstOnPropertyChange = true;
1746 | 		this.input.removeAttribute("forceFireFirstOnPropertyChange");
1747 | 	}
1748 | 	var self = this;
1749 | 	setTimeout(function() {self.putHint();}, 10);
1750 | };
1751 | 
1752 | Spry.Widget.ValidationTextField.prototype.validate = function() {
1753 | 
1754 | 	this.resetClasses();
1755 | 	//possible states: required, format, rangeMin, rangeMax, charsMin, charsMax
1756 | 	if (this.validateOn & Spry.Widget.ValidationTextField.ONSUBMIT) {
1757 | 
1758 | 		this.removeHint();
1759 | 		this.doValidations(this.input.value, this.input.value);
1760 | 
1761 | 		if(!this.flags.active) {
1762 | 			var self = this;
1763 | 			setTimeout(function() {self.putHint();}, 10);
1764 | 		}
1765 | 	}
1766 | 
1767 | 	if (this.isRequired && this.errors & Spry.Widget.ValidationTextField.ERROR_REQUIRED) {
1768 | 		this.addClassName(this.element, this.requiredClass);
1769 | 		this.addClassName(this.additionalError, this.requiredClass);
1770 | 		return false;
1771 | 	}
1772 | 
1773 | 	if (this.errors & Spry.Widget.ValidationTextField.ERROR_FORMAT) {
1774 | 		this.addClassName(this.element, this.invalidFormatClass);
1775 | 		this.addClassName(this.additionalError, this.invalidFormatClass);
1776 | 		return false;
1777 | 	}
1778 | 
1779 | 	if (this.errors & Spry.Widget.ValidationTextField.ERROR_RANGE_MIN) {
1780 | 		this.addClassName(this.element, this.invalidRangeMinClass);
1781 | 		this.addClassName(this.additionalError, this.invalidRangeMinClass);
1782 | 		return false;
1783 | 	}
1784 | 
1785 | 	if (this.errors & Spry.Widget.ValidationTextField.ERROR_RANGE_MAX) {
1786 | 		this.addClassName(this.element, this.invalidRangeMaxClass);
1787 | 		this.addClassName(this.additionalError, this.invalidRangeMaxClass);
1788 | 		return false;
1789 | 	}
1790 | 
1791 | 	if (this.errors & Spry.Widget.ValidationTextField.ERROR_CHARS_MIN) {
1792 | 		this.addClassName(this.element, this.invalidCharsMinClass);
1793 | 		this.addClassName(this.additionalError, this.invalidCharsMinClass);
1794 | 		return false;
1795 | 	}
1796 | 
1797 | 	if (this.errors & Spry.Widget.ValidationTextField.ERROR_CHARS_MAX) {
1798 | 		this.addClassName(this.element, this.invalidCharsMaxClass);
1799 | 		this.addClassName(this.additionalError, this.invalidCharsMaxClass);
1800 | 		return false;
1801 | 	}
1802 | 
1803 | 	this.addClassName(this.element, this.validClass);
1804 | 	this.addClassName(this.additionalError, this.validClass);
1805 | 	return true;
1806 | };
1807 | 
1808 | Spry.Widget.ValidationTextField.prototype.addClassName = function(ele, className)
1809 | {
1810 | 	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
1811 | 		return;
1812 | 	ele.className += (ele.className ? " " : "") + className;
1813 | };
1814 | 
1815 | Spry.Widget.ValidationTextField.prototype.removeClassName = function(ele, className)
1816 | {
1817 | 	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
1818 | 		return;
1819 | 	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
1820 | };
1821 | Spry.Widget.ValidationTextField.prototype.showError = function(msg)
1822 | {
1823 | 	alert('Spry.Widget.TextField ERR: ' + msg);
1824 | };
1825 | /**
1826 |  * SelectionDescriptor is a wrapper for input type text selection methods and properties 
1827 |  * as implemented by various  browsers
1828 |  */
1829 | Spry.Widget.SelectionDescriptor = function (element)
1830 | {
1831 | 	this.element = element;
1832 | 	this.update();
1833 | };
1834 | 
1835 | Spry.Widget.SelectionDescriptor.prototype.update = function()
1836 | {
1837 | 	if (Spry.is.ie && Spry.is.windows) {
1838 | 		var sel = this.element.ownerDocument.selection;
1839 | 		if (this.element.nodeName == "TEXTAREA") {
1840 | 			if (sel.type != 'None') {
1841 | 				try{var range = sel.createRange();}catch(err){return;}
1842 | 				if (range.parentElement() == this.element){
1843 | 					var range_all = this.element.ownerDocument.body.createTextRange();
1844 | 					range_all.moveToElementText(this.element);
1845 | 					for (var sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start ++){
1846 | 						range_all.moveStart('character', 1);
1847 | 					}
1848 | 					this.start = sel_start;
1849 | 					// create a selection of the whole this.element
1850 | 					range_all = this.element.ownerDocument.body.createTextRange();
1851 | 					range_all.moveToElementText(this.element);
1852 | 					for (var sel_end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; sel_end++){
1853 | 						range_all.moveStart('character', 1);
1854 | 					}
1855 | 					this.end = sel_end;
1856 | 					this.length = this.end - this.start;
1857 | 					// get selected and surrounding text
1858 | 					this.text = range.text;
1859 | 		 		}
1860 | 			}        
1861 | 		} else if (this.element.nodeName == "INPUT"){
1862 | 			try{this.range = sel.createRange();}catch(err){return;}
1863 | 			this.length = this.range.text.length;
1864 | 			var clone = this.range.duplicate();
1865 | 			this.start = -clone.moveStart("character", -10000);
1866 | 			clone = this.range.duplicate();
1867 | 			clone.collapse(false);
1868 | 			this.end = -clone.moveStart("character", -10000);
1869 | 			this.text = this.range.text;
1870 | 		}
1871 | 	} else {
1872 | 		var tmp = this.element;
1873 | 		var selectionStart = 0;
1874 | 		var selectionEnd = 0;
1875 |         
1876 | 		try { selectionStart = tmp.selectionStart;} catch(err) {}
1877 | 		try { selectionEnd = tmp.selectionEnd;} catch(err) {}
1878 | 
1879 | 		if (Spry.is.safari) {
1880 | 			if (selectionStart == 2147483647) {
1881 | 				selectionStart = 0;
1882 | 			}
1883 | 			if (selectionEnd == 2147483647) {
1884 | 				selectionEnd = 0;
1885 | 			}
1886 | 		}
1887 | 		this.start = selectionStart;
1888 | 		this.end = selectionEnd;
1889 | 		this.length = selectionEnd - selectionStart;
1890 | 		this.text = this.element.value.substring(selectionStart, selectionEnd);
1891 | 	}
1892 | };
1893 | 
1894 | Spry.Widget.SelectionDescriptor.prototype.destroy = function() {
1895 | 	try { delete this.range} catch(err) {}
1896 | 	try { delete this.element} catch(err) {}
1897 | };
1898 | 
1899 | Spry.Widget.SelectionDescriptor.prototype.move = function(amount)
1900 | {
1901 | 	if (Spry.is.ie && Spry.is.windows) {
1902 | 		this.range.move("character", amount);
1903 | 		this.range.select();
1904 | 	} else {
1905 | 		try { this.element.selectionStart++;}catch(err) {}
1906 | 	}
1907 | 	this.update();
1908 | };
1909 | 
1910 | Spry.Widget.SelectionDescriptor.prototype.moveTo = function(start, end)
1911 | {
1912 | 	if (Spry.is.ie && Spry.is.windows) {
1913 | 		if (this.element.nodeName == "TEXTAREA") {
1914 | 			var ta_range = this.element.createTextRange();
1915 | 			this.range = this.element.createTextRange();
1916 | 			this.range.move("character", start);
1917 | 			this.range.moveEnd("character", end - start);
1918 | 			
1919 | 			var c1 = this.range.compareEndPoints("StartToStart", ta_range);
1920 | 			if (c1 < 0) {
1921 | 				this.range.setEndPoint("StartToStart", ta_range);
1922 | 			}
1923 | 
1924 | 			var c2 = this.range.compareEndPoints("EndToEnd", ta_range);
1925 | 			if (c2 > 0) {
1926 | 				this.range.setEndPoint("EndToEnd", ta_range);
1927 | 			}
1928 | 		} else if (this.element.nodeName == "INPUT"){
1929 | 			this.range = this.element.ownerDocument.selection.createRange();
1930 | 			this.range.move("character", -10000);
1931 | 			this.start = this.range.moveStart("character", start);
1932 | 			this.end = this.start + this.range.moveEnd("character", end - start);
1933 | 		}
1934 | 		this.range.select();
1935 | 	} else {
1936 | 		this.start = start;
1937 | 		try { this.element.selectionStart = start;} catch(err) {}
1938 | 		this.end = end;
1939 | 		try { this.element.selectionEnd = end;} catch(err) {}
1940 | 	}
1941 | 	this.ignore = true;
1942 | 	this.update();
1943 | };
1944 | 
1945 | Spry.Widget.SelectionDescriptor.prototype.moveEnd = function(amount)
1946 | {
1947 | 	if (Spry.is.ie && Spry.is.windows) {
1948 | 		this.range.moveEnd("character", amount);
1949 | 		this.range.select();
1950 | 	} else {
1951 | 		try { this.element.selectionEnd++;} catch(err) {}
1952 | 	}
1953 | 	this.update();
1954 | };
1955 | 
1956 | Spry.Widget.SelectionDescriptor.prototype.collapse = function(begin)
1957 | {
1958 | 	if (Spry.is.ie && Spry.is.windows) {
1959 | 		this.range = this.element.ownerDocument.selection.createRange();
1960 | 		this.range.collapse(begin);
1961 | 		this.range.select();
1962 | 	} else {
1963 | 		if (begin) {
1964 | 			try { this.element.selectionEnd = this.element.selectionStart;} catch(err) {}
1965 | 		} else {
1966 | 			try { this.element.selectionStart = this.element.selectionEnd;} catch(err) {}
1967 | 		}
1968 | 	}
1969 | 
1970 | 	this.update();
1971 | };
1972 | 
1973 | //////////////////////////////////////////////////////////////////////
1974 | //
1975 | // Spry.Widget.Form - common for all widgets
1976 | //
1977 | //////////////////////////////////////////////////////////////////////
1978 | 
1979 | if (!Spry.Widget.Form) Spry.Widget.Form = {};
1980 | if (!Spry.Widget.Form.onSubmitWidgetQueue) Spry.Widget.Form.onSubmitWidgetQueue = [];
1981 | 
1982 | if (!Spry.Widget.Form.validate) {
1983 | 	Spry.Widget.Form.validate = function(vform) {
1984 | 		var isValid = true;
1985 | 		var isElementValid = true;
1986 | 		var q = Spry.Widget.Form.onSubmitWidgetQueue;
1987 | 		var qlen = q.length;
1988 | 		for (var i = 0; i < qlen; i++) {
1989 | 			if (!q[i].isDisabled() && q[i].form == vform) {
1990 | 				isElementValid = q[i].validate();
1991 | 				isValid = isElementValid && isValid;
1992 | 			}
1993 | 		}
1994 | 		return isValid;
1995 | 	}
1996 | };
1997 | 
1998 | if (!Spry.Widget.Form.onSubmit) {
1999 | 	Spry.Widget.Form.onSubmit = function(e, form)
2000 | 	{
2001 | 		if (Spry.Widget.Form.validate(form) == false) {
2002 | 			return false;
2003 | 		}
2004 | 		return true;
2005 | 	};
2006 | };
2007 | 
2008 | if (!Spry.Widget.Form.onReset) {
2009 | 	Spry.Widget.Form.onReset = function(e, vform)
2010 | 	{
2011 | 		var q = Spry.Widget.Form.onSubmitWidgetQueue;
2012 | 		var qlen = q.length;
2013 | 		for (var i = 0; i < qlen; i++) {
2014 | 			if (!q[i].isDisabled() && q[i].form == vform && typeof(q[i].reset) == 'function') {
2015 | 				q[i].reset();
2016 | 			}
2017 | 		}
2018 | 		return true;
2019 | 	};
2020 | };
2021 | 
2022 | if (!Spry.Widget.Form.destroy) {
2023 | 	Spry.Widget.Form.destroy = function(form)
2024 | 	{
2025 | 		var q = Spry.Widget.Form.onSubmitWidgetQueue;
2026 | 		for (var i = 0; i < Spry.Widget.Form.onSubmitWidgetQueue.length; i++) {
2027 | 			if (q[i].form == form && typeof(q[i].destroy) == 'function') {
2028 | 				q[i].destroy();
2029 | 				i--;
2030 | 			}
2031 | 		}
2032 | 	}
2033 | };
2034 | 
2035 | if (!Spry.Widget.Form.destroyAll) {
2036 | 	Spry.Widget.Form.destroyAll = function()
2037 | 	{
2038 | 		var q = Spry.Widget.Form.onSubmitWidgetQueue;
2039 | 		for (var i = 0; i < Spry.Widget.Form.onSubmitWidgetQueue.length; i++) {
2040 | 			if (typeof(q[i].destroy) == 'function') {
2041 | 				q[i].destroy();
2042 | 				i--;
2043 | 			}
2044 | 		}
2045 | 	}
2046 | };
2047 | 
2048 | //////////////////////////////////////////////////////////////////////
2049 | //
2050 | // Spry.Widget.Utils
2051 | //
2052 | //////////////////////////////////////////////////////////////////////
2053 | 
2054 | if (!Spry.Widget.Utils)	Spry.Widget.Utils = {};
2055 | 
2056 | Spry.Widget.Utils.punycode_constants = {
2057 | 	base : 36, tmin : 1, tmax : 26, skew : 38, damp : 700,
2058 |   initial_bias : 72, initial_n : 0x80, delimiter : 0x2D,
2059 |   maxint : 2<<26-1
2060 | };
2061 | 
2062 | Spry.Widget.Utils.punycode_encode_digit = function (d) {
2063 |   return String.fromCharCode(d + 22 + 75 * (d < 26));
2064 | };
2065 | 
2066 | Spry.Widget.Utils.punycode_adapt = function (delta, numpoints, firsttime) {
2067 | 	delta = firsttime ? delta / this.punycode_constants.damp : delta >> 1;
2068 | 	delta += delta / numpoints;
2069 | 	
2070 | 	for (var k = 0; delta > ((this.punycode_constants.base - this.punycode_constants.tmin) * this.punycode_constants.tmax) / 2; k += this.punycode_constants.base) {
2071 | 		delta /= this.punycode_constants.base - this.punycode_constants.tmin;
2072 | 	}
2073 | 	return k + (this.punycode_constants.base - this.punycode_constants.tmin + 1) * delta / (delta + this.punycode_constants.skew);
2074 | };
2075 | 
2076 | /**
2077 |  * returns a 	Punicode representation of a UTF-8 string
2078 |  * adapted from http://tools.ietf.org/html/rfc3492
2079 |  */
2080 | Spry.Widget.Utils.punycode_encode = function (input, max_out) {
2081 | 	var inputc = input.split("");
2082 | 	input = [];
2083 | 	for(var i=0; i<inputc.length; i++) {
2084 | 		input.push(inputc[i].charCodeAt(0));
2085 | 	}
2086 | 	var output = '';
2087 | 
2088 |   var h, b, j, m, q, k, t;
2089 | 	var input_len = input.length;
2090 |   var n = this.punycode_constants.initial_n;
2091 |   var delta = 0;
2092 |   var bias = this.punycode_constants.initial_bias;
2093 |   var out = 0;
2094 | 
2095 |   for (j = 0; j < input_len; j++) {
2096 | 		if (input[j] < 128) {
2097 | 			if (max_out - out < 2) {
2098 | 				return false;
2099 | 			}
2100 | 			output += String.fromCharCode(input[j]);
2101 | 			out++;
2102 | 		}
2103 | 	}
2104 | 
2105 | 	h = b = out;
2106 | 	if (b > 0) {
2107 | 		output += String.fromCharCode(this.punycode_constants.delimiter);
2108 | 		out++;
2109 | 	}
2110 | 
2111 |   while (h < input_len)	{
2112 | 		for (m = this.punycode_constants.maxint, j = 0; j < input_len; j++) {
2113 | 			if (input[j] >= n && input[j] < m) {
2114 | 				m = input[j];
2115 | 			}
2116 | 		}
2117 | 		if (m - n > (this.punycode_constants.maxint - delta) / (h + 1)) {
2118 | 			return false;
2119 | 		}
2120 | 		
2121 | 		delta += (m - n) * (h + 1);
2122 | 		n = m;
2123 | 
2124 | 		for (j = 0; j < input_len; j++) {
2125 | 			if (input[j] < n ) {
2126 | 				if (++delta == 0) {
2127 | 					return false;
2128 | 				}
2129 | 			}
2130 | 
2131 | 			if (input[j] == n) {
2132 | 				for (q = delta, k = this.punycode_constants.base; true; k += this.punycode_constants.base) {
2133 | 					if (out >= max_out) {
2134 | 						return false;
2135 | 					}
2136 | 
2137 | 					t = k <= bias ? this.punycode_constants.tmin : k >= bias + this.punycode_constants.tmax ? this.punycode_constants.tmax : k - bias;
2138 | 					if (q < t) {
2139 | 						break;
2140 | 					}
2141 | 
2142 | 					output += this.punycode_encode_digit(t + (q - t) % (this.punycode_constants.base - t));
2143 | 					out++;
2144 | 					q = (q - t) / (this.punycode_constants.base - t);
2145 | 				}
2146 | 
2147 | 				output += this.punycode_encode_digit(q);
2148 | 				out++;
2149 | 				bias = this.punycode_adapt(delta, h + 1, h == b);
2150 | 				delta = 0;
2151 | 				h++;
2152 | 			}
2153 | 		}
2154 | 		delta++, n++;
2155 | 	}
2156 | 
2157 |   return output;
2158 | };
2159 | 
2160 | Spry.Widget.Utils.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
2161 | {
2162 | 	if (!optionsObj)
2163 | 		return;
2164 | 	for (var optionName in optionsObj)
2165 | 	{
2166 | 		if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
2167 | 			continue;
2168 | 		obj[optionName] = optionsObj[optionName];
2169 | 	}
2170 | };
2171 | 
2172 | Spry.Widget.Utils.firstValid = function() {
2173 | 	var ret = null;
2174 | 	for(var i=0; i<Spry.Widget.Utils.firstValid.arguments.length; i++) {
2175 | 		if (typeof(Spry.Widget.Utils.firstValid.arguments[i]) != 'undefined') {
2176 | 			ret = Spry.Widget.Utils.firstValid.arguments[i];
2177 | 			break;
2178 | 		}
2179 | 	}
2180 | 	return ret;
2181 | };
2182 | 
2183 | 
2184 | Spry.Widget.Utils.specialCharacters = ",8,9,16,17,18,20,27,33,34,35,36,37,38,40,45,144,192,63232,";
2185 | Spry.Widget.Utils.specialSafariNavKeys = "63232,63233,63234,63235,63272,63273,63275,63276,63277,63289,";
2186 | Spry.Widget.Utils.specialNotSafariCharacters = "39,46,91,92,93,";
2187 | 
2188 | 
2189 | 
2190 | Spry.Widget.Utils.specialCharacters += Spry.Widget.Utils.specialSafariNavKeys;
2191 | 
2192 | if (!Spry.is.safari) {
2193 | 	Spry.Widget.Utils.specialCharacters += Spry.Widget.Utils.specialNotSafariCharacters;
2194 | }
2195 | 
2196 | Spry.Widget.Utils.isSpecialKey = function (ev) {
2197 | 	return Spry.Widget.Utils.specialCharacters.indexOf("," + ev.keyCode + ",") != -1;
2198 | };
2199 | 
2200 | Spry.Widget.Utils.getCharacterFromEvent = function(e){
2201 | 	var keyDown = e.type == "keydown";
2202 | 
2203 | 	var code = null;
2204 | 	var character = null;
2205 | 	if(Spry.is.mozilla && !keyDown){
2206 | 		if(e.charCode){
2207 | 			character = String.fromCharCode(e.charCode);
2208 | 		} else {
2209 | 			code = e.keyCode;
2210 | 		}
2211 | 	} else {
2212 | 		code = e.keyCode || e.which;
2213 | 		if (code != 13) {
2214 | 			character = String.fromCharCode(code);
2215 | 		}
2216 | 	}
2217 | 
2218 | 	if (Spry.is.safari) {
2219 | 		if (keyDown) {
2220 | 			code = e.keyCode || e.which;
2221 | 			character = String.fromCharCode(code);
2222 | 		} else {
2223 | 			code = e.keyCode || e.which;
2224 | 			if (Spry.Widget.Utils.specialCharacters.indexOf("," + code + ",") != -1) {
2225 | 				character = null;
2226 | 			} else {
2227 | 				character = String.fromCharCode(code);
2228 | 			}
2229 | 		}
2230 | 	}
2231 | 
2232 | 	if(Spry.is.opera) {
2233 | 		if (Spry.Widget.Utils.specialCharacters.indexOf("," + code + ",") != -1) {
2234 | 			character = null;
2235 | 		} else {
2236 | 			character = String.fromCharCode(code);
2237 | 		}
2238 | 	}
2239 | 
2240 | 	return character;
2241 | };
2242 | 
2243 | Spry.Widget.Utils.getFirstChildWithNodeNameAtAnyLevel = function(node, nodeName)
2244 | {
2245 | 	var elements  = node.getElementsByTagName(nodeName);
2246 | 	if (elements) {
2247 | 		return elements[0];
2248 | 	}
2249 | 	return null;
2250 | };
2251 | 
2252 | Spry.Widget.Utils.getFirstParentWithNodeName = function(node, nodeName)
2253 | {
2254 | 	while (node.parentNode
2255 | 			&& node.parentNode.nodeName.toLowerCase() != nodeName.toLowerCase()
2256 | 			&& node.parentNode.nodeName != 'BODY') {
2257 | 		node = node.parentNode;
2258 | 	}
2259 | 
2260 | 	if (node.parentNode && node.parentNode.nodeName.toLowerCase() == nodeName.toLowerCase()) {
2261 | 		return node.parentNode;
2262 | 	} else {
2263 | 		return null;
2264 | 	}
2265 | };
2266 | 
2267 | Spry.Widget.Utils.destroyWidgets = function (container)
2268 | {
2269 | 	if (typeof container == 'string') {
2270 | 		container = document.getElementById(container);
2271 | 	}
2272 | 
2273 | 	var q = Spry.Widget.Form.onSubmitWidgetQueue;
2274 | 	for (var i = 0; i < Spry.Widget.Form.onSubmitWidgetQueue.length; i++) {
2275 | 		if (typeof(q[i].destroy) == 'function' && Spry.Widget.Utils.contains(container, q[i].element)) {
2276 | 			q[i].destroy();
2277 | 			i--;
2278 | 		}
2279 | 	}
2280 | };
2281 | 
2282 | Spry.Widget.Utils.contains = function (who, what)
2283 | {
2284 | 	if (typeof who.contains == 'object') {
2285 | 		return what && who && (who == what || who.contains(what));
2286 | 	} else {
2287 | 		var el = what;
2288 | 		while(el) {
2289 | 			if (el == who) {
2290 | 				return true;
2291 | 			}
2292 | 			el = el.parentNode;
2293 | 		}
2294 | 		return false;
2295 | 	}
2296 | };
2297 | 
2298 | Spry.Widget.Utils.addEventListener = function(element, eventType, handler, capture)
2299 | {
2300 | 	try
2301 | 	{
2302 | 		if (element.addEventListener)
2303 | 			element.addEventListener(eventType, handler, capture);
2304 | 		else if (element.attachEvent)
2305 | 			element.attachEvent("on" + eventType, handler, capture);
2306 | 	}
2307 | 	catch (e) {}
2308 | };
2309 | 
2310 | Spry.Widget.Utils.removeEventListener = function(element, eventType, handler, capture)
2311 | {
2312 | 	try
2313 | 	{
2314 | 		if (element.removeEventListener)
2315 | 			element.removeEventListener(eventType, handler, capture);
2316 | 		else if (element.detachEvent)
2317 | 			element.detachEvent("on" + eventType, handler, capture);
2318 | 	}
2319 | 	catch (e) {}
2320 | };
2321 | 
2322 | Spry.Widget.Utils.stopEvent = function(ev)
2323 | {
2324 | 	try
2325 | 	{
2326 | 		this.stopPropagation(ev);
2327 | 		this.preventDefault(ev);
2328 | 	}
2329 | 	catch (e) {}
2330 | };
2331 | 
2332 | /**
2333 |  * Stops event propagation
2334 |  * @param {Event} ev the event
2335 |  */
2336 | Spry.Widget.Utils.stopPropagation = function(ev)
2337 | {
2338 | 	if (ev.stopPropagation)
2339 | 	{
2340 | 		ev.stopPropagation();
2341 | 	}
2342 | 	else
2343 | 	{
2344 | 		ev.cancelBubble = true;
2345 | 	}
2346 | };
2347 | 
2348 | /**
2349 |  * Prevents the default behavior of the event
2350 |  * @param {Event} ev the event
2351 |  */
2352 | Spry.Widget.Utils.preventDefault = function(ev)
2353 | {
2354 | 	if (ev.preventDefault)
2355 | 	{
2356 | 		ev.preventDefault();
2357 | 	}
2358 | 	else
2359 | 	{
2360 | 		ev.returnValue = false;
2361 | 	}
2362 | };
2363 | 
2364 | })(); // EndSpryComponent


--------------------------------------------------------------------------------
/sendfax.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 | <!-- 
  3 | 
  4 |       * Web Fax for Asterisk php script written by recluze (http://csrdu.org/nauman) 
  5 |       * ----------------------------------------------------------------------------
  6 |       * Redistribution allowed provided this notice remains visible at the top. 
  7 |       * Released under GPLv3. 
  8 |       
  9 |       * Form stats with HTML comment FORM_START. 
 10 | 
 11 | --> 
 12 | 
 13 | <html xmlns="http://www.w3.org/1999/xhtml">
 14 | <head>
 15 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 16 | <title>Web FAX for Asterisk</title>
 17 | 
 18 | <link href="links/styles.css" rel="stylesheet" type="text/css" />
 19 | </head>
 20 | 
 21 | <body>
 22 | 
 23 | <div class="container">
 24 |   <div class="content">
 25 |     <h1>Web FAX for Asterisk</h1>
 26 |     <p> 
 27 | <?php 
 28 | 
 29 | 
 30 | // SET CONFIGURATIONS HERE ------------------------------ 
 31 | $outbound_route = "@outbound-allroutes"; // include the @ before the route name 
 32 | $outboundfax_context = "outboundfax";
 33 | $asterisk_spool_folder = "/var/spool/asterisk/outgoing"; 
 34 | 
 35 | 
 36 | 
 37 | // END CONFIGURATIONS 
 38 | 
 39 | 
 40 | // HELPERS -------------------
 41 |    function unique_name($path, $suffix) 
 42 |    { 
 43 |       $file = $path."/".mt_rand().$suffix; 
 44 |       return $file; 
 45 |    } 
 46 |    // error list 
 47 |    $ERROR_CONVERTING_DOCUMENT = 1; 
 48 |    $ERROR_CREATING_CALL_FILE = 2; 
 49 |    $ERROR_NO_ERROR = 0;
 50 | // END HELPERS --------------
 51 | 
 52 | 
 53 | 
 54 | // generate a new name for the PDF. 
 55 | $input_file_noext = unique_name("/tmp", ""); 
 56 | $input_file = $input_file_noext . ".pdf";
 57 | $input_file_tif = $input_file_noext . ".tif";
 58 | $input_file_doc = $input_file_noext . ".doc";
 59 | 
 60 | 
 61 | ?>
 62 | <!-- initiating document conversion. HTML comment hack to supress all error messages from appearing on the screen 
 63 | 
 64 | 
 65 | <?
 66 | $error = $ERROR_NO_ERROR;  // no error at beginning
 67 | 
 68 | $script_local_path = $_REAL_BASE_DIR = realpath(dirname(__FILE__));
 69 | 
 70 | 
 71 | $input_file_orig_name = basename($_FILES['faxFile']['name']); 
 72 | $ext = substr($input_file_orig_name, strrpos($input_file_orig_name, '.') + 1);
 73 | 
 74 | 
 75 | // check if the file is a ".doc"  file 
 76 | // $ext = substr($filename, strrpos($filename, '.') + 1);  
 77 | // echo "File extension : " . $ext . " <br /> \n";
 78 | if ($ext == "doc")  {
 79 | 	// copy the file to /tmp/ 
 80 | 	if(move_uploaded_file($_FILES['faxFile']['tmp_name'], $input_file_doc)) {
 81 | 		// echo "DOC file uploaded";
 82 | 		// convert the doc file to PDF file using wvPDF 
 83 | 		$input_file = $input_file_noext . ".pdf"; 
 84 | 		
 85 | 		// $wv_command_output = passthru("touch /root/temp.tmp | sudo /usr/bin/php -f /util/wvPDF.php");
 86 | 		// need this in /etc/sudoers
 87 | 		// --> asterisk ALL=(ALL) NOPASSWD: /usr/bin/wvPDF (for whatever the apache user is) 
 88 |  
 89 | 		$wv_command = "sudo /usr/bin/wvPDF $input_file_doc $input_file" ;
 90 | 		// echo "<br /> executing : ". $wv_command . "<br />\n"; 
 91 | 		$wv_command_output = system($wv_command, $retval);
 92 | 		
 93 | 		// echo $wv_command_output; 
 94 | 		
 95 | 		if ($retval != 0) {
 96 | 			echo "There was an error converting your DOC file to PDF. Try uploading the file again or with an older version of PDF"; 
 97 | 			$error = $ERROR_CONVERTING_DOCUMENT; 
 98 | 			$doc_convert_output = $wv_command_output;
 99 | 			// die();
100 | 		}else{ 
101 | 			// set the input file type to .pdf now as it's converted
102 | 			$input_file_type = "pdf"; 
103 | 		}
104 | 	} else{
105 | 		echo "There was an error uploading the file, please try again!";
106 | 	}
107 | } // END DOC file detected 
108 |   
109 |   
110 | // IF it was originally a PDF 
111 | if ($ext == "pdf")  {
112 | 	if(move_uploaded_file($_FILES['faxFile']['tmp_name'], $input_file)) {
113 | 		$input_file_type = "pdf";
114 | 	}else{
115 | 		echo "There was an error uploading the file, please try again!";
116 | 	}
117 | }
118 | // we should now have a PDF file which we will convert to tif 
119 | 
120 | if($error == $ERROR_NO_ERROR && $input_file_type == "pdf") {
121 | 
122 | 	// convert the attached PDF to .tif using ghostsccript ... 
123 | 	$gs_command = "gs -q -dNOPAUSE -dBATCH -dSAFER -sDEVICE=tiffg3 -sOutputFile=${input_file_tif} -f $input_file " ;
124 | 	$gs_command_output = system($gs_command, $retval);
125 | 	$doc_convert_output = $gs_command_output;
126 | 	
127 | 	if ($retval != 0) {
128 | 		echo "There was an error converting your PDF file to TIF. Try uploading the file again or with an older version of PDF"; 
129 | 		$error = $ERROR_CONVERTING_DOCUMENT; 
130 | 		// die();
131 | 	}
132 | 	else  {
133 | 	
134 | 		// call the faxout.pl script to create a call file and copy the required files to appropriate directories
135 | 		// ------------------------------------------------------------------------------------------------------
136 | 		// $script_local_path = $_REAL_BASE_DIR = realpath(dirname(__FILE__));
137 | 		
138 | 		
139 | 		
140 | 		$faxHeader = $_POST["faxHeader"];
141 | 		$localID = $_POST["localID"];
142 | 		$email = $_POST["email"];
143 | 		$dest = $_POST["dest"];
144 | 		
145 | 		//echo "Sending FAX. Debug information:  <br /> \n"; 
146 | 		//echo "  -- faxHeader: $faxHeader  <br /> \n"; 
147 | 		//echo "  -- localID: $localID <br /> \n"; 
148 | 		//echo "  -- email: $email <br /> \n"; 
149 | 		//echo "  -- dest: $dest <br /> \n"; 
150 | 		
151 | 		// ----------------------- PERL SCRIPT ------- NOT USING FORM NOW ------------------------------------------\\
152 | 		// setting up the options required by faxout.pl 
153 | 		// $faxout_command = $script_local_path . "/faxout.pl"; 
154 | 		
155 | 		
156 | 		// calling faxout.pl now 
157 | 		// exec($faxout_command, $faxout_output, $retval); 
158 | 		
159 | 		// echo $retval . " <br />\n";   // should be 0 for correct output by faxout.pl  
160 | 		// echo $faxout_output;
161 | 		
162 | 		// END call faxout.pl 
163 | 		// ------------------------------------------------------------------------------------------------------
164 | 		
165 | 		// ----------------------- END PERL SCRIPT ------- NOT USING FORM NOW ------------------------------------------\\
166 | 		
167 | 		// ------------------------------ CREATING CALL FILE AND SENDING THROUGH PHP -------------------------------
168 | 		
169 | 		$callfile = "Channel: Local/$dest$outbound_route\n" . 
170 | 					"MaxRetries: 1\n" . 
171 | 					"RetryTime: 60\n" . 
172 | 					"WaitTime: 60\n"  . 
173 | 					"Archive: yes\n"  . 
174 | 					"Context: $outboundfax_context \n"  . 
175 | 					"Extension: s\n" . 
176 | 					"Priority: 1\n" . 
177 | 					"Set: FAXFILE=$input_file_tif\n" . 
178 | 					"Set: FAXHEADER=$faxHeader\n" . 
179 | 					"Set: TIMESTAMP=" . date("d/m/y : H:i:s",time()) . "\n" .
180 | 					"Set: DESTINATION=$dest\n". 
181 | 					"Set: LOCALID=$localID\n" . 
182 | 					"Set: EMAIL=$email\n";
183 | 		
184 | 		// echo $callfile; 
185 | 		// create the call file in /tmp 
186 | 		$callfilename = unique_name("/tmp", ".call"); 
187 | 		$f = fopen($callfilename, "w"); 
188 | 		fwrite($f, $callfile); 
189 | 		fclose($f); 
190 | 		
191 | 		// move the file to asterisk outgoing spool directory 
192 | 		// stopping the call to asterisk for now .. TODO: uncomment before deploying .. 
193 | 		rename($callfilename, $asterisk_spool_folder .  "/" . substr($callfilename,4));
194 | 	
195 | 	//------------------------- END CREATE CALL FILE -----------------------------------------------------------
196 | 	} 
197 | }
198 | // if no error, display that notification will be sent. 
199 | 
200 | ?>
201 | END HTML HACK to supress errors appearing on screen. 
202 | -->
203 | 
204 | 
205 | <? 
206 | 
207 | if ($error == $ERROR_NO_ERROR) {
208 | 	echo "Your fax sending has been initiated. You should receive an email shortly ". 
209 | 	     " when the fax reaches the queue. If you don't receive an email in 10 minutes, ". 
210 | 		 " there has been a problem with sending your fax and you should try again.";  	
211 | }else if ($error == $ERROR_CONVERTING_DOCUMENT) {
212 | 	echo "<span class='error'>Your fax document could not be converted. Please try again or upload the document ". 
213 | 	     " in another format. The error details follow. </span> <br /><br />". 
214 | 		 " $doc_convert_output ";  	
215 | }
216 | 
217 | ?>
218 | 
219 | 
220 | </p>
221 |   <!-- end .content --></div>
222 |   <!-- end .container --></div>
223 |        <p class="footer-copyrights">Web Fax for Asterisk script provided by CSRDU (<a href="http://www.csrdu.org">http://www.csrdu.org</a>). Released under GPLv3. </p>
224 | 
225 | </body>
226 | </html>
227 | 


--------------------------------------------------------------------------------
/sendfaxform.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 | <!-- 
 3 | 
 4 |       * Web Fax for Asterisk php script written by recluze (http://csrdu.org/nauman) 
 5 |       * ----------------------------------------------------------------------------
 6 |       * Redistribution allowed provided this notice remains visible at the top. 
 7 |       * Released under GPLv3. 
 8 |       
 9 |       * Form stats with HTML comment FORM_START. 
10 | 
11 | --> 
12 | 
13 | <html xmlns="http://www.w3.org/1999/xhtml">
14 | <head>
15 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
16 | <title>Web FAX for Asterisk</title>
17 | 
18 | <script src="links/val.js" type="text/javascript" ></script> 
19 | <link href="links/styles.css" rel="stylesheet" type="text/css" />
20 | </head>
21 | 
22 | <body>
23 | 
24 | <div class="container">
25 |   <div class="content">
26 |     <h1>Web FAX for Asterisk</h1>
27 |     <p>Please use the form below to input the required information and click on &quot;Send FAX&quot; below. You will receive a notification about the status of your fax through the email you provide below. 
28 |     <!-- FORM_START --> 
29 |     <form action="sendfax.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
30 |       <table width="892" border="0" cellpadding="0" cellspacing="0">
31 |         <tr>
32 |           <td width="188" class="formLabel">FAX Header</td>
33 |           <td width="232"><label for="faxHeader"></label>
34 |           <input name="faxHeader" type="text" id="faxHeader" value="CSRDU" /></td>
35 |           <td width="458"  class="descriptionText">Type the header text you want to appear at the top of your FAX.</td>
36 |         </tr>
37 |         <tr>
38 |           <td class="formLabel">Local Station Identifier</td>
39 |           <td><label for="localID"></label>
40 |             <span id="sprytextfield1">
41 |             <input name="localID" type="text" id="localID" value="3239366136" /><br />
42 |           <span class="textfieldRequiredMsg">This field is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
43 |           <td  class="descriptionText">Enter the number that should be used as the sender's FAX number. </td>
44 |         </tr>
45 |         <tr>
46 |           <td class="formLabel">Notification Email Address </td>
47 |           <td><label for="email"></label>
48 |             <span id="sprytextfield2">
49 |             <input name="email" type="text" id="email" value="recluze@gmail.com" /><br />
50 |             <span class="textfieldRequiredMsg">This field is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
51 |           <td  class="descriptionText">Enter the email to which FAX notifications would be sent. If you don't receive <strong>any</strong> email on this address after sending the FAX, it means we probably don't have access to the destination number. For example, if you are trying to send a FAX to Europe when we only have trunks for US/Canada. </td>
52 |         </tr>
53 |         <tr>
54 |           <td class="formLabel">FAX Destination</td>
55 |           <td><label for="dest"></label>
56 |             <span id="sprytextfield3">
57 |             <input name="dest" type="text" id="dest" value="14809073626" /><br />
58 |           <span class="textfieldRequiredMsg">This field is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
59 |           <td class="descriptionText">Destination FAX number. Please do not include any spaces or special characters. </td>
60 |         </tr>
61 |         <tr>
62 |           <td class="formLabel">Attach file</td>
63 |           <td><label for="faxFile"></label>
64 |           <input type="file" name="faxFile" id="faxFile" /></td>
65 |           <td class="descriptionText">Filetypes acceptable: <strong>DOC</strong> , <strong>PDF</strong></td>
66 |         </tr>
67 |         <tr>
68 |           <td>&nbsp;</td>
69 |           <td><input type="submit" name="sendFax" id="sendFax" value="Send FAX" /></td>
70 |           <td>&nbsp;</td>
71 |         </tr>
72 |       </table>
73 |       </p>
74 |       <p>&nbsp;</p>
75 |     </form>
76 |     <!-- FORM_END --> 
77 |     <p>&nbsp;</p>
78 |     <!-- end .content --></div>
79 |   <!-- end .container --></div>
80 |        <p class="footer-copyrights">Web Fax for Asterisk script provided by CSRDU (<a href="http://www.csrdu.org">http://www.csrdu.org</a>). Released under GPLv3. </p>
81 | 
82 | <script type="text/javascript">
83 | var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom");
84 | var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "custom");
85 | var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer");
86 | </script>
87 | </body>
88 | </html>
89 | 


--------------------------------------------------------------------------------