login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[AJAX] Search 2x

Offline lasdesigner - 17/06/2006 10:44
Avatar van lasdesignerPHP beginner Hallo,


k heb nemesiskoen tutorial gebruikt.

Dit is het:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. /* 
  3. * het aanmaken van het object 
  4. */ 
  5. function createRequestObject() { 
  6.  
  7.    var req; 
  8.  
  9.    if(window.XMLHttpRequest){ 
  10.       req = new XMLHttpRequest(); 
  11.    } else if(window.ActiveXObject) { 
  12.       req = new ActiveXObject("Microsoft.XMLHTTP"); 
  13.    } else { 
  14.       alert('Problem creating the XMLHttpRequest object'); 
  15.    } 
  16.  
  17.    return req; 
  18.  
  19. } 
  20. var http = createRequestObject();  
  21.  
  22.  function sendRequestSearch(iets) { 
  23.  
  24.        http.open('get', 'search.php?zoek='+iets); 
  25.        http.onreadystatechange = handleResponseSearch; 
  26.        http.send(null); 
  27.  
  28.     } 
  29.  
  30. 	function handleResponseSearch() { 
  31.  
  32.        if(http.readyState == 4 && http.status == 200){ 
  33.           if(http.responseText) { 
  34.              document.getElementById("zoek_resultaten").innerHTML = http.responseText; 
  35.           } else { 
  36.              document.getElementById("zoek_resultaten").innerHTML = " &nbsp; "; 
  37.           } 
  38.  
  39.        } else { 
  40.           document.getElementById("zoek_resultaten").innerHTML = " &nbsp; "; 
  41.        } 
  42.  
  43.     } 
  44.  
  45. 	 function sendRequestSearch(iets) { 
  46.  
  47.        http.open('get', 'search.php?zoek='+iets); 
  48.        http.onreadystatechange = handleResponseSearch; 
  49.        http.send(null); 
  50.  
  51.     } 
  52. 	function handleResponseSearch() { 
  53.  
  54.        if(http.readyState == 4 && http.status == 200){ 
  55.           if(http.responseText) { 
  56.              document.getElementById("zoek_resultaten").innerHTML = http.responseText; 
  57.           } else { 
  58.              document.getElementById("zoek_resultaten").innerHTML = " &nbsp; "; 
  59.           } 
  60.  
  61.        } else { 
  62.           document.getElementById("zoek_resultaten").innerHTML = " &nbsp; "; 
  63.        } 
  64.  
  65.     } 
  66.  
  67. </script>
  68. <table width="100%"> 
  69.     <tr> 
  70.         <td valign="top" width="301"> 
  71.             <input type="text" size="50" name="zoek" onkeyup="sendRequestSearch(this.value);" /> 
  72.         </td> 
  73.         <td valign="top"> 
  74.             <div id="zoek_resultaten" style="border:1px solid #000000"></div> 
  75.         </td> 
  76.     </tr> 
  77. </table> 
  78. <?php 
  79.  
  80. /* 
  81. * Dit kan natuurlijk ook gewoon een database record zijn,  
  82. * maar om een snel 'werkend' voorbeeld te geven doe ik het maar even via een array 
  83. */ 
  84.  
  85. $gegevens = array( 
  86. 'test', 'test2', 'foo', 'bar', 't' 
  87. , 'help', 'hello', 'dit is fijn', 'ford',  
  88. 'etc', 'enzovoort', '...', 'en zo zijn er veel woorden',  
  89. 'dit is een lange tekst', 'lalalala', 'tralala', 'PHP',  
  90. 'OOP', 'JavaScript', 'AJAX power!', 'w00t',  
  91. 'ik ben koen', 'koen', 'speelmeijer', 'is',  
  92. 'de', 'naam', 'Koen Speelmeijer is de naam', 'enzovoort' 
  93. , 'hehe'); 
  94.  
  95. if(isset($_GET['zoek']) && $_GET['zoek'] != "") { 
  96.  
  97.     foreach($gegevens as $v) { 
  98.         if(strstr($v, $_GET['zoek'])) { 
  99.             echo '<a href="#">'. $v .'</a><br />'; 
  100.         } 
  101.     } 
  102.  
  103. } 
  104.  
  105. ?>


Maar nu heb ik 2 keer een zoekfunctie, zowel in de DIV als in de Tabel, maar hoe kan dit nou?

(eerste keer AJAX)

4 antwoorden

Gesponsorde links
Offline BramBo - 17/06/2006 10:53
Avatar van BramBo JS gevorderde .... ?

Je hebt een table voor de opmaak, waarin een input veld zit om te zoeken. En de div is voor de gegevens in te pleuren.
Waar doel je op met deze vraag, graag iets duidelijker specificeren.
Offline Stijn - 17/06/2006 10:53
Avatar van Stijn PHP expert regel 48: http.open('get', 'search.php?zoek='+iets);

is dat PHP script apart? en heet het dan ook search.php ???

zoniet, dan moet je dit doen 
Offline lasdesigner - 17/06/2006 11:02
Avatar van lasdesigner PHP beginner ik heb hetzelfde allemaal in 1 staan, en hij heet serach.php:


zo wordt die:
http://24.132.190.132/ajax/search.php
Offline Stijn - 17/06/2006 11:31
Avatar van Stijn PHP expert jach en als je die nu eens apart zet lukt het wel... Da's nu juist ajax
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s