1 <!-- Begin Circulation Resident Search Box -->
3 <!-- TMPL_IF NAME="CircAutocompl" -->
5 <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/utilities/utilities.js"></script>
6 <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/autocomplete/autocomplete-min.js"></script>
7 <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/yahoo-dom-event/yahoo-dom-event-min.js"></script>
8 <script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/element/element-beta-min.js"></script>
10 <style type="text/css">
11 .yui-skin-sam .yui-ac {
15 .yui-skin-sam .yui-ac-input {
18 .yui-skin-sam .yui-ac-container {
23 .yui-skin-sam .yui-ac-content {
26 border:1px solid #808080;
31 .yui-skin-sam .yui-ac-shadow {
38 filter:alpha(opacity=10);
41 .yui-skin-sam .yui-ac-content ul {
46 .yui-skin-sam .yui-ac-content li {
52 .yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
55 .yui-skin-sam .yui-ac-content li.yui-ac-highlight {
62 #borrowerautocomplete { width: 405px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
63 .autocomplete { width:130px; }/* set width of widget here*/
64 .autocomplete .yui-ac-highlight ,
65 .autocomplete .yui-ac-highlight .sample-result,
66 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
67 .autocomplete .sample-result { color: black; }
68 .autocomplete .sample-query { color:#000; }
69 #findborrower { position:static; width:335px; } */
70 #yborrowercontainer { text-align:left;width:300px; }
73 <script type="text/javascript">
75 YAHOO.util.Event.onContentReady("header_search", function() {
78 // Define a custom formatter function
79 this.fnCustomFormatter = function(oResultItem, sQuery) {
80 var name = oResultItem[0];
81 var cardnumber = oResultItem[1];
82 var address = oResultItem[2];
83 var city = oResultItem[3];
84 var zip = oResultItem[4];
86 "<div class='sample-result'>",
96 return (aMarkup.join(""));
99 // Instantiate one XHR DataSource and define schema as an array:
100 // ["Record Delimiter",
101 // "Field Delimiter"]
102 this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
103 this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
104 this.oACDS.maxCacheEntries = 60;
105 this.oACDS.queryMatchSubset = true;
107 // Instantiate first AutoComplete
108 var myInput = document.getElementById('findborrower');
109 var myContainer = document.getElementById('yborrowercontainer');
110 this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
111 //this.oAutoComp.delimChar = ";";
112 //this.oAutoComp.queryDelay = 1;
113 this.oAutoComp.formatResult = this.fnCustomFormatter;
122 <div id="header_search">
124 <div id="circ_search" class="residentsearch">
125 <p class="tip">Enter patron card number or partial name:</p>
126 <form action="/cgi-bin/koha/circ/circulation.pl" method="post">
128 <!-- TMPL_IF NAME="CircAutocompl" -->
130 <div class="yui-skin-sam">
131 <div id="borrowerautocomplete" class="autocomplete">
132 <input autocomplete="off" id="findborrower" name="findborrower" class="focus" type="text" />
133 <div id="yborrowercontainer"></div>
134 <input id="ysearchsubmit" type="submit" value="Submit">
135 <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
136 <input name="printer" value="" type="hidden" />
142 <input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
143 <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
144 <input name="printer" value="" type="hidden" />
145 <input value="Submit" type="submit" />
152 <div id="checkin_search" class="residentsearch">
153 <p class="tip">Scan a barcode to check in:</p>
154 <form method="post" action="/cgi-bin/koha/circ/returns.pl">
155 <input name="barcode" id="ret_barcode" size="40" maxlength="14" />
156 <input value="Submit" type="submit" />
160 <div id="catalog_search" class="residentsearch">
161 <p class="tip">Enter search keywords:</p>
162 <form action="/cgi-bin/koha/catalogue/search.pl" method="get" id="cat-search-block">
163 <input type="text" name="q" id="search-form" size="40" />
164 <input type="submit" name="op" id="opac-submit" value="Submit" class="form-submit" />
169 <li><a href="/cgi-bin/koha/circ/circulation.pl#circ_search">Check Out</a></li>
170 <li><a href="/cgi-bin/koha/circ/returns.pl#checkin_search">Check In</a></li>
171 <li><a href="/cgi-bin/koha/catalogue/advsearch.pl#catalog_search">Search the Catalog</a></li>
176 <!-- End Circulation Resident Search Box -->