Predictive Sample #7

Name 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 name here"/> <button type="button" id="clear">Clear</button>

<br><br>

<form>

	<table id="allfields">
		<tr>
			<td>Title :</td>
			<td style="width: 10px"></td>
			<td><input id="Title" name="Title"  size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>First Name :</td>
			<td style="width: 10px"></td>
			<td><input id="FirstName" name="FirstName" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
		<tr>
			<td>Middle Name :</td>
			<td style="width: 10px"></td>
			<td><input id="MiddleName" name="MiddleName" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>

		<tr>
			<td>Last Name :</td>
			<td style="width: 10px"></td>
			<td><input id="LastName" name="LastName" size="50" type="text" class="textbox" style="width:300px;" /></td>
		</tr>
	
	</table>	
</form>
</body>

CSS

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

JavaScript

$(function (){		
				
				
				$('#clear').click(function(){
					$("#parserline").val("");
					$("#Title").val("");
					$("#FirstName").val("");
					$("#MiddleName").val("");
					$("#LastName").val("");
					
				
				});
				
				$('#parserline').keyup(function(){ 
				var parseline = $("#parserline").val();
				var rkey = $('#rkey').val();
			
	
		$.ajax(
				{
					url: "https://Kleber.datatoolscloud.net.au/KleberWebService/DtKleberService.svc/ProcessQueryStringRequest",
					dataType: "jsonp",					
					crossDomain: true,
					data: 
					{
						OutputFormat:"json", 
						PersonLine1:parseline, 
						PersonLine2:"", 
						PersonLine3:"",  
						PersonLine4:"",
						PersonLine5:"",  
						PersonLine6:"",
						Method:"DataTools.Parse.PersonName.Parse", 
						RequestKey:rkey
					},
				success: function (data) 
					{
						$.map(data.DtResponse.Result, function (item) 
						{														 
							$("#Title").val(item.Person1Title);
							$("#FirstName").val(item.Person1FirstName);
							$("#MiddleName").val(item.Person1MiddleNames);
							$("#LastName").val(item.Person1LastName);						     
						});
					}
				});
			});
		});