login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[Ajax] Input aangeven bij live search (Opgelost)

Offline Ultimatum - 06/04/2008 16:00
Avatar van UltimatumPHP 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:

  1. function createRequestObject() {
  2.  
  3. var req;
  4.  
  5. if(window.XMLHttpRequest){
  6. req = new XMLHttpRequest();
  7. } else if(window.ActiveXObject) {
  8. req = new ActiveXObject("Microsoft.XMLHTTP");
  9. } else {
  10. alert('Problem creating the XMLHttpRequest object');
  11. }
  12.  
  13. return req;
  14.  
  15. }
  16.  
  17. var elementDiv;
  18. var http = createRequestObject();
  19.  
  20. function openPage(url, data, div) {
  21.  
  22. elementDiv = div;
  23. http.open('GET', url + '?' + data + '&rid=' + Math.random());
  24. http.onreadystatechange = handleResponse;
  25. http.send(null);
  26.  
  27. }
  28.  
  29. function handleResponse() {
  30.  
  31. if(http.readyState == 4 && http.status == 200){
  32.  
  33. if(http.responseText) {
  34. document.getElementById(elementDiv).innerHTML = http.responseText;
  35.  
  36. }
  37. }
  38. }


En zo gebruik ik dit:
  1. <div class="zoeken">Zoeken: <input type="text" name="zoek-studenten" class="input" onkeyup="javascript:openPage('modules/overzichten/overzichtdata.php','overzicht=studenten&amp;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

7 antwoorden

Gesponsorde links
Offline MothZone - 06/04/2008 16:06
Avatar van MothZone PHP ver gevorderde Misschien helpt dit (lijn 34):
  1. document.getElementById(elementDiv).innerHTML = http.responseText.replace(data, '<strong>' + data + '</strong>');

Dan moet je wel nog je variabele data globaal maken.
Offline Ibrahim - 06/04/2008 16:06
Avatar van Ibrahim PHP expert In je serverside script return je de resultaten met:

  1. $zoekresultaten = str_replace('keywords', '<b>keywords</b>', $zoekresultaten);
Offline vinTage - 06/04/2008 16:07
Avatar van vinTage Nieuw lid of ook met js
http://www.site...mp;id=1063
Offline MothZone - 06/04/2008 16:09
Avatar van MothZone PHP ver gevorderde @psycho: kan ook (trouwens, met <b> werken is geen goed idee)

@vintage: code is dan wel iets langer 
Offline vinTage - 06/04/2008 16:11 (laatste wijziging 06/04/2008 16:12)
Avatar van vinTage Nieuw lid gewoon onComplete (of whatever dat heet in ajax)
  1. highlight($('invulveld').value)
Offline Ultimatum - 06/04/2008 16:22
Avatar van Ultimatum PHP expert @vinTage, ik werk niet met een framework dus heb geen onComplete

Ik dacht dat mijn probleem moeilijk was, maar als ik al die mogelijkheden hier zie .

Heb toch wel de php oplossing gekozen omdat javascript mooi is, maar hoe minder hoe beter vind ik zelf .
Offline vinTage - 06/04/2008 16:33
Avatar van vinTage Nieuw lid http.onreadystatechange kon natuurlijk ook 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s