Guest User

Untitled

a guest
Dec 12th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.32 KB | None | 0 0
  1. var runningRequest = false;
  2. var request;
  3.  
  4. //Identify the typing action
  5. $('input#q').keyup(function(e){
  6. e.preventDefault();
  7. var $q = $(this);
  8.  
  9. if($q.val() == ''){
  10. $('div#results').html('');
  11. return false;
  12. }
  13.  
  14. //Abort opened requests to speed it up
  15. if(runningRequest){
  16. request.abort();
  17. }
  18.  
  19. runningRequest=true;
  20. request = $.getJSON('search.php',{
  21. q:$q.val()
  22. },function(data){
  23. showResults(data,$q.val());
  24. runningRequest=false;
  25. });
  26.  
  27. //Create HTML structure for the results and insert it on the result div
  28. function showResults(data, highlight){
  29. var resultHtml = '';
  30. $.each(data, function(i,item){
  31. resultHtml+='<div class="result">';
  32. resultHtml+='<h2><a href="#">'+item.title+'</a></h2>';
  33. resultHtml+='<p>'+item.post.replace(highlight, '<span class="highlight">'+highlight+'</span>')+'</p>';
  34. resultHtml+='<a href="#" class="readMore">Read more..</a>'
  35. resultHtml+='</div>';
  36. });
  37.  
  38. $('div#results').html(resultHtml);
  39. }
  40.  
  41. $('form').submit(function(e){
  42. e.preventDefault();
  43. });
  44. });
Add Comment
Please, Sign In to add comment