some ajax quicksearch tweaking

added a half second delay before the suggstions appear, moved the postion
to appear besides the browsers autocomplete...
I'm still not sure if this is useful at all.

darcs-hash:20050517201719-9977f-6e71a415dd08a84af38bd3643860beb7002088f5.gz

1 files changed, 22 insertions, 3 deletions

diff --git a/inc/template.php b/inc/template.php
index 0720a12f6..2baa6f77e 100644
--- a/inc/template.php
+++ b/inc/template.php
@@ -331,7 +331,7 @@ function tpl_actionlink($type,$pre='',$suf=''){
  */
 function tpl_searchform(){
   global $lang;
-  print '<form action="'.wl().'" accept-charset="utf-8" class="search" onsubmit="return svchk()">';
+  print '<form action="'.wl().'" accept-charset="utf-8" class="search" name="search" onsubmit="return svchk()">';
 
 //FIXME this should be moved somewhere else
 ?>
@@ -340,17 +340,36 @@ function tpl_searchform(){
   ajax = new sack('<?=DOKU_BASE?>ajax.php');
   ajax.AjaxFailedAlert = '';
 
-  function ajax_qsearch(value){
+  var qr = null;
+  function ajax_runqsearch(){
+    ajax_stopqsearch();
+    qr = window.setTimeout('ajax_qsearch()',500);
+  }
+
+  function ajax_stopqsearch(){
+    document.getElementById('ajax_qsearch').innerHTML = '';
+    if(qr != null){
+      window.clearTimeout(qr);
+      qr = null;
+    }
+  }
+
+  function ajax_qsearch(){
+    var value = document.search.id.value;
+    if(value=='') return;
     ajax.element = 'ajax_qsearch';
     ajax.encodeURIString = false;
     var call = 'call=qsearch&q=';
     call += encodeURI(value);
     ajax.runAJAX(call);
+
+    ajax_stopqsearch()
   }
 </script>
 <?php
   print '<input type="hidden" name="do" value="search" />';
-  print '<input type="text" accesskey="f" name="id" class="edit" onkeyup="ajax_qsearch(this.value)" />';
+  #print '<input type="text" accesskey="f" name="id" class="edit" autocomplete="off" onkeyup="ajax_qsearch(this.value)" />';
+  print '<input type="text" accesskey="f" name="id" class="edit" onkeypress="ajax_runqsearch()" />';
   print '<input type="submit" value="'.$lang['btn_search'].'" class="button" />';
   print '<div id="ajax_qsearch" class="ajax_qsearch"></div>';
   print '</form>';