Witam pomoże mi ktoś przerobić to tak żeby żeby po kliknięciu w "searchinput" otwierały się podpowiedzi a gdy kliknę w inne miejsce znikały

kod:
  1. function searchSuggest(){
  2. var str = escape(document.getElementById('searchinput').value);
  3. var myAjax = new Ajax.Request(
  4. 'suggest.php',
  5. {
  6. method: 'get',
  7. parameters: "search="+str,
  8. onComplete: showResponse,
  9. onFailure: showAlert
  10. });
  11.  
  12. }
  13. function showResponse(text){
  14.  
  15. var search_suggest = document.getElementById("search_suggest");
  16. search_suggest.style.visibility = "visible";
  17. var ss = document.getElementById('search_suggest')
  18. ss.innerHTML = '';
  19. var str = text.responseText.split("\n");
  20. for(i=0; i < str.length - 1; i++)
  21. { var suggest = '<div onmouseover="java script:suggestOver(this);" ';
  22. suggest += 'onmouseout="java script:suggestOut(this);" ';
  23. suggest += 'onclick="java script:setSearch(this.innerHTML);" ';
  24. suggest += 'class="suggest_link">' + str[i] + '</div>';
  25. ss.innerHTML += suggest;
  26. }
  27.  
  28.  
  29.  
  30. }
  31. function showAlert(MyRequest) {
  32. alert("Operacja nie powiodła się");
  33. }
  34. function suggestOver(div_value) {
  35.  
  36. div_value.className = 'suggest_link_over';
  37. }
  38. function suggestOut(div_value) {
  39.  
  40. div_value.className = 'suggest_link';
  41. }
  42. function setSearch(value) {
  43. var search_suggest = document.getElementById("search_suggest");
  44. search_suggest.style.visibility = "hidden";
  45. document.getElementById('searchinput').value = value;
  46. document.getElementById('search_suggest').innerHTML = '';
  47. }