koha-tmpl/intranet-tmpl/prog/en/includes/patron-search-box.inc

   1 <!-- TMPL_IF NAME="CAN_user_circulate" --><!-- TMPL_IF NAME="CircAutocompl" --><script type="text/javascript">
   2 //<![CDATA[
   3 YAHOO.util.Event.onContentReady("header_search", function() {
   4     new function() {
   5         // Define a custom formatter function
   6         this.fnCustomFormatter = function(oResultItem, sQuery) {
   7             var name        = oResultItem[0];
   8             var cardnumber  = oResultItem[1];
   9             var address     = oResultItem[2];
  10             var city        = oResultItem[3];
  11             var zip         = oResultItem[4];
  12             var aMarkup = [
  13                 "<div class=\"sample-result\">",
  14                 name,
  15                 " (",
  16                 cardnumber,
  17                 ")<small> -- ",
  18                 address,
  19                 ", ",
  20                 city,
  21                 "<\/small>",
  22                 "<\/div>"];
  23             return (aMarkup.join(""));
  24         };
  25
  26         // Instantiate one XHR DataSource and define schema as an array:
  27         //     ["Record Delimiter",
  28         //     "Field Delimiter"]
  29         this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
  30         this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
  31         this.oACDS.maxCacheEntries = 60;
  32         this.oACDS.queryMatchSubset = true;
  33
  34         // Instantiate first AutoComplete
  35         var myInput = document.getElementById('findborrower');
  36         var myContainer = document.getElementById('yborrowercontainer');
  37         this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
  38         //this.oAutoComp.delimChar = ";";
  39         //this.oAutoComp.queryDelay = 1;
  40         this.oAutoComp.formatResult = this.fnCustomFormatter;
  41 }
  42 });
  43 //]]>
  44 </script><!-- /TMPL_IF -->
  45         <div id="circ_search" class="residentsearch" style="display:none;">
  46         <p class="tip">Enter patron card number or partial name:</p>
  47     <form action="/cgi-bin/koha/circ/circulation.pl" method="post">
  48     <!-- TMPL_IF NAME="CircAutocompl" -->
  49     <div class="autocomplete">
  50             <div id="borrowerautocomplete" class="autocomplete">
  51                 <input autocomplete="off" id="findborrower" name="findborrower" size="40" class="focus" type="text" />
  52                 <div id="yborrowercontainer"></div>
  53                 <input id="ysearchsubmit" type="submit" class="submit" value="Submit" />
  54                 <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
  55                 <input name="printer" value="" type="hidden" />
  56             </div>
  57         </div>
  58         <!-- TMPL_ELSE -->
  59             <input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
  60             <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
  61             <input name="printer" value="" type="hidden" />
  62             <input value="Submit" class="submit" type="submit" />
  63         <!-- /TMPL_IF -->
  64     </form>
  65         </div>
  66         <!-- /TMPL_IF -->