PHP expert |
|
Hallo, ik heb nu een live search gemaakt met behulp van Nemesiskoen tutorial en hij werkt ook goed. Maar nu zou ik graag willen dat als je bijvoorbeeld IO invult bij de search dat hij dan die letters ook dikgedrukt maar bij de gevonden resultaten. Ik heb alleen geen idee van hoe ik dat moet doen. Dit is mijn javascript:
function createRequestObject() {
var req;
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
} else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert('Problem creating the XMLHttpRequest object');
}
return req;
}
var elementDiv;
var http = createRequestObject();
function openPage(url, data, div) {
elementDiv = div;
http.open('GET', url + '?' + data + '&rid=' + Math.random());
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse() {
if(http.readyState == 4 && http.status == 200){
if(http.responseText) {
document.getElementById(elementDiv).innerHTML = http.responseText;
}
}
}
function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { alert('Problem creating the XMLHttpRequest object'); } return req; } var elementDiv; var http = createRequestObject(); function openPage(url, data, div) { elementDiv = div; http.open('GET', url + '?' + data + '&rid=' + Math.random()); http.onreadystatechange = handleResponse; http.send(null); } function handleResponse() { if(http.readyState == 4 && http.status == 200){ if(http.responseText) { document.getElementById(elementDiv).innerHTML = http.responseText; } } }
En zo gebruik ik dit:
<div class="zoeken">Zoeken: <input type="text" name="zoek-studenten" class="input" onkeyup="javascript:openPage('modules/overzichten/overzichtdata.php','overzicht=studenten&zoek=' + this.value,'studentenoverzicht');" /></div>
<div class="zoeken">Zoeken: <input type="text" name="zoek-studenten" class="input" onkeyup="javascript:openPage('modules/overzichten/overzichtdata.php','overzicht=studenten&zoek=' + this.value,'studentenoverzicht');" /></div>
Als je me al een tip kan geven van hoe ik dit kan oplossen dan ben ik daar ook blij mee .
Alvast bedankt
|