You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.1 KiB
58 lines
2.1 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
|
|
layout="vertical"
|
|
backgroundAlpha="0" backgroundColor="#FFFFFF">
|
|
|
|
<mx:HTTPService
|
|
id="areacodeService"
|
|
url="http://www.webservicex.net/uszip.asmx/GetInfoByAreaCode"
|
|
resultFormat="e4x"
|
|
/>
|
|
|
|
<mx:Script>
|
|
<![CDATA[
|
|
public function requestAreacode():void {
|
|
areacodeService.cancel();
|
|
var params:Object = new Object();
|
|
params.USAreaCode = code.text;
|
|
areacodeService.send(params);
|
|
}
|
|
]]>
|
|
</mx:Script>
|
|
|
|
<mx:PhoneNumberValidator source="{phone}" property="text" />
|
|
<mx:PhoneFormatter id="phoneFormatter" formatString="###.###.####" />
|
|
|
|
<mx:Form>
|
|
<mx:FormItem label="Enter a phone number. Characters allowed: ()-.+ and space">
|
|
<mx:TextInput id="phone" />
|
|
<mx:Button label="Lookup Area Code" click="requestAreacode();"/>
|
|
</mx:FormItem>
|
|
|
|
<mx:FormItem label="Stripped phone number">
|
|
<mx:Text id="stripped_phone" text="{phone.text.replace(/\D/g, '')}" />
|
|
</mx:FormItem>
|
|
|
|
<mx:FormItem label="Formatted phone number">
|
|
<mx:Text text="{phoneFormatter.format(stripped_phone.text)}" />
|
|
</mx:FormItem>
|
|
|
|
<mx:FormItem label="Area Code">
|
|
<mx:Text id="code" text="{stripped_phone.text.substr(0,3)}" />
|
|
</mx:FormItem>
|
|
</mx:Form>
|
|
|
|
<mx:DataGrid dataProvider="{areacodeService.lastResult.Table}">
|
|
<mx:columns>
|
|
<mx:DataGridColumn headerText="City" dataField="CITY" />
|
|
<mx:DataGridColumn headerText="State" dataField="STATE" />
|
|
<mx:DataGridColumn headerText="Zip" dataField="ZIP" />
|
|
<mx:DataGridColumn headerText="Area Code" dataField="AREA_CODE" />
|
|
<mx:DataGridColumn headerText="Time Zone" dataField="TIME_ZONE" />
|
|
</mx:columns>
|
|
</mx:DataGrid>
|
|
|
|
<mx:TextArea id="resultFld" text="{areacodeService.lastResult}" width="400" height="152"/>
|
|
|
|
</mx:Application>
|