Predictive Sample #6

Parser Sample

by dtsupport

HTML

<link rel="stylesheet" href="https://kleber.datatoolscloud.net.au/jquery19/themes/base/jquery.ui.all.css">
<script src="https://kleber.datatoolscloud.net.au/jquery19/jquery-1.9.1.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.core.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.widget.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.position.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.autocomplete.js"></script>
<script src="https://kleber.datatoolscloud.net.au/jquery19/ui/jquery.ui.menu.js"></script>
<body>
<input name="RequestKey" id="rkey" value="" type="text" size="50" placeholder="Enter Request Key" />
<br><br>
	<input id="parserline" name="ParserLine" type="text" style="width:300px;" placeholder="Start typing here"/> <button type="button" id="clear">Clear</button>
<br><br>
<form>
	<table id="allfields">
		<tr>
			<td>BuildingName :</td>
			<td style="width: 10px"></td>
			<td><input id="BuildingName " name="BuildingName"  size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>LevelType :</td>
			<td style="width: 10px"></td>
			<td><input id="LevelType" name="LevelType" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>LevelNumber :</td>
			<td style="width: 10px"></td>
			<td><input id="LevelNumber" name="LevelNumber" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>LotNumber :</td>
			<td style="width: 10px"></td>
			<td><input id="LotNumber" name="LotNumber" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>UnitType :</td>
			<td style="width: 10px"></td>
			<td><input id="UnitType" name="UnitType" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>UnitNumber :</td>
			<td style="width: 10px"></td>
			<td><input...

CSS

.ui-autocomplete-loading {
        	background: white url('http://dt0200.datatoolscloud.net.au/dt_jsonp/ui-anim_basic_16x16.gif') right center no-repeat;
        }

JavaScript

$(function (){		
		
		
		$('#clear').click(function(){
			$("#parserline").val("");
			$("#BuildingName").val("");
			$("#LevelType").val("");
			$("#LevelNumber").val("");
			$("#LotNumber").val("");
			$("#UnitType").val("");
			$("#UnitNumber").val("");
			$("#UnitNumberSuffix").val("");
			$("#StreetNumber1").val("");
			$("#StreetNumberSuffix1").val("");
			$("#StreetNumber2").val("");
			$("#StreetNumberSuffix2").val("");
			$("#StreetName").val("");
			$("#StreetType").val("");
			$("#StreetTypeSuffix").val("");
			$("#PostBoxType").val("");
			$("#PostBoxNumberPrefix").val("");
			$("#PostBoxNumber").val("");
			$("#PostBoxNumberSuffix").val("");
			$("#Locality").val("");
			$("#State").val("");
			$("#Postcode").val("");
			$("#OtherData").val("");
		
		});
		
		$('#parserline').keyup(function(){
		var parseline = $("#parserline").val();
    var rkey = $('#rkey').val();
		$.ajax(
				{
					url: "https://dtwebsite.datatoolscloud.net.au/KleberWebService/DtKleberService.svc/ProcessQueryStringRequest",
					dataType: "jsonp",					
					crossDomain: true,
					data: {OutputFormat:"json", AddressLine1:parseline, AddressLine2:"", AddressLine3:"", AddressLine4:"", AddressLine5:"", AddressLine6:"", Method:"DataTools.Parse.Address.Au.Parse", RequestKey:rkey},
					success: function (data) 
					{
						$.map(data.DtResponse.Result, function (item) 
						{							
							
							$("#BuildingName").val(item.BuildingName );
							$("#LevelType").val(item.LevelType );
							$("#LevelNumber").val(item.LevelNumber );
							$("#LotNumber").val(item.LotNumber );
							$("#UnitType").val(item.UnitType );
							$("#UnitNumber").val(item.UnitNumber );
							$("#UnitNumberSuffix").val(item.UnitNumberSuffix );
							$("#StreetNumber1").val(item.StreetNumber1 );
							$("#StreetNumberSuffix1").val(item.StreetNumberSuffix1 );
							$("#StreetNumber2").val(item.StreetNumber2 );
							$("#StreetNumberSuffix2").val(item.StreetNumberSuffix2...