1.356 views
Is het mogelijk om de nieuwe gegevens in een database te pushen naar de client-side? Zoja, welke taal is dit het handigst in. Ik zat zelf te denken aan AJAX of JQuery.
<html>
<head>
<script type="text/javascript">
var xmlhttp;
function showHint(str) {
if(str.length == 0) {
document.getElementById("txtHint").innerHTML = "";
return;
}
xmlhttp = GetXmlHttpObject();
if(xmlhttp == null) {
alert("Your browser is not compatible with this website.\r\nPlease, I recommend using FireFox or Google Chrome");
return;
}
var url = "gethint.php";
url = url+"?q="+str;
url = url+"&sid="+Math.random();
xmlhttp.onreadystatechange = stateChanged;
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}
function GetXmlHttpObject() {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject) {
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
function stateChanged() {
if (xmlhttp.readyState==4) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
}
</script>
</head>
<body>
<form>
First Name: <input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache");
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";
$q = $_GET['q'];
if(strlen($q) > 0) {
$hint = "";
for($i=0; i<count($a); $i++) {
if(strtolower($q) == strtolower(substr($a[$i], 0, strlen($q)))) {
if($hint == "") {
$hint = $a[$i];
} else {
$hint = $hint.", ".$a[$i];
}
}
}
}
if($hint == "") {
$response = "No Suggestion Found";
} else {
$resposne = $hint;
}
echo $response;
?>