ptahdunbar/showhint.html

## showhint.html
<html>
<head>
  <script src="https://code.jquery.com/jquery-2.1.4.js" charset="utf-8"></script>
<script>
function showHint(str) {
console.log(str)
  jQuery.get("gethint.php?q=" + str, function(data){
    document.querySelector('#txtHint').innerHTML = data;
  });


  return false;
}


</script>

</head>
<body>

<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type="text">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>

<script>
document.getElementsByTagName('form')[0].onsubmit = function () {
  showHint(document.getElementsByTagName('input')[0].value);
  return false;
};


//showHint(document.getElementsByTagName('input')[0].value));

</script>

</html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-2.1.4.js" charset="utf-8"></script>
	<script>
	function showHint(str) {
	console.log(str)
	jQuery.get("gethint.php?q=" + str, function(data){
	document.querySelector('#txtHint').innerHTML = data;
	});


	return false;
	}


	</script>

	</head>
	<body>

	<p><b>Start typing a name in the input field below:</b></p>
	<form>
	First name: <input type="text">
	</form>
	<p>Suggestions: <span id="txtHint"></span></p>
	</body>

	<script>
	document.getElementsByTagName('form')[0].onsubmit = function () {
	showHint(document.getElementsByTagName('input')[0].value);
	return false;
	};


	//showHint(document.getElementsByTagName('input')[0].value));

	</script>

	</html>