diff options
author | ivan <ivan> | 2008-06-28 23:03:10 +0000 |
---|---|---|
committer | ivan <ivan> | 2008-06-28 23:03:10 +0000 |
commit | 9c7dee35f91a386fcce14cb6c3e9d23ba3eee8af (patch) | |
tree | b21b3ca250947289caaecdeba659bc37257bf464 /httemplate/elements/select-areacode.html | |
parent | a1871d3d13c1dafa93b956762c0d23728d261da7 (diff) |
get DIDs from globalpops
Diffstat (limited to 'httemplate/elements/select-areacode.html')
-rw-r--r-- | httemplate/elements/select-areacode.html | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/httemplate/elements/select-areacode.html b/httemplate/elements/select-areacode.html new file mode 100644 index 000000000..aa2d73b65 --- /dev/null +++ b/httemplate/elements/select-areacode.html @@ -0,0 +1,91 @@ +<% include('/elements/xmlhttp.html', + 'url' => $p.'misc/areacodes.cgi', + 'subs' => [ $opt{'prefix'}. 'get_areacodes' ], + ) +%> + +<SCRIPT TYPE="text/javascript"> + + function opt(what,value,text) { + var optionName = new Option(text, value, false, false); + var length = what.length; + what.options[length] = optionName; + } + + function <% $opt{'prefix'} %>state_changed(what, callback) { + + what.form.<% $opt{'prefix'} %>areacode.disabled = 'disabled'; + what.form.<% $opt{'prefix'} %>areacode.style.display = 'none'; + var areacodewait = document.getElementById('<% $opt{'prefix'} %>areacodewait'); + areacodewait.style.display = ''; + var areacodeerror = document.getElementById('<% $opt{'prefix'} %>areacodeerror'); + areacodeerror.style.display = 'none'; + + what.form.<% $opt{'prefix'} %>exchange.disabled = 'disabled'; + what.form.<% $opt{'prefix'} %>phonenum.disabled = 'disabled'; + + state = what.options[what.selectedIndex].value; + + function <% $opt{'prefix'} %>update_areacodes(areacodes) { + + // blank the current areacode + for ( var i = what.form.<% $opt{'prefix'} %>areacode.length; i >= 0; i-- ) + what.form.<% $opt{'prefix'} %>areacode.options[i] = null; + // blank the current exchange too + for ( var i = what.form.<% $opt{'prefix'} %>exchange.length; i >= 0; i-- ) + what.form.<% $opt{'prefix'} %>exchange.options[i] = null; + opt(what.form.<% $opt{'prefix'} %>exchange, '', 'Select city / exchange'); + // blank the current phonenum too + for ( var i = what.form.<% $opt{'prefix'} %>phonenum.length; i >= 0; i-- ) + what.form.<% $opt{'prefix'} %>phonenum.options[i] = null; + opt(what.form.<% $opt{'prefix'} %>phonenum, '', 'Select phone number'); + +% if ($opt{empty}) { + opt(what.form.<% $opt{'prefix'} %>areacode, '', '<% $opt{empty} %>'); +% } + + // add the new areacodes + var areacodeArray = eval('(' + areacodes + ')' ); + for ( var s = 0; s < areacodeArray.length; s++ ) { + var areacodeLabel = areacodeArray[s]; + if ( areacodeLabel == "" ) + areacodeLabel = '(n/a)'; + opt(what.form.<% $opt{'prefix'} %>areacode, areacodeArray[s], areacodeLabel); + } + + areacodewait.style.display = 'none'; + if ( areacodeArray.length >= 1 ) { + what.form.<% $opt{'prefix'} %>areacode.disabled = ''; + what.form.<% $opt{'prefix'} %>areacode.style.display = ''; + } else { + var areacodeerror = document.getElementById('<% $opt{'prefix'} %>areacodeerror'); + areacodeerror.style.display = ''; + } + + //run the callback + if ( callback != null ) + callback(); + } + + // go get the new areacodes + <% $opt{'prefix'} %>get_areacodes( state, <% $opt{'svcpart'} %>, <% $opt{'prefix'} %>update_areacodes ); + + } + +</SCRIPT> + +<DIV ID="areacodewait" STYLE="display:none"><IMG SRC="<%$fsurl%>images/wait-orange.gif"> <B>Finding area codes</B></DIV> + +<DIV ID="areacodeerror" STYLE="display:none"><IMG SRC="<%$fsurl%>images/cross.png"> <B>Select a different state</B></DIV> + +<SELECT NAME="<% $opt{'prefix'} %>areacode" onChange="<% $opt{'prefix'} %>areacode_changed(this); <% $opt{'onchange'} %>" <% $opt{'disabled'} %>> + <OPTION VALUE="">Select area code</OPTION> +</SELECT> + +<%init> + +my %opt = @_; + +$opt{disabled} = 'disabled' unless exists $opt{disabled}; + +</%init> |