Koha/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search-box.inc
Owen Leonard baabcf3c75 Fix for Bug 3991, Circulation search submit button wrapping in WebKit browsers
If CircAutocompl is ON, the circ search form has a hidden <div> for use in
displaying live search results. For some reason WebKit browsers (Safari and
Chrome) treat this hidden element as a something that should create a line
break like any other block-level element. Moving the submit button to
before that hidden <div> fixes the problem without disrupting the display
of the live search results.
2009-12-31 10:57:22 +01:00

73 lines
3.4 KiB
HTML

<!-- TMPL_IF NAME="CAN_user_circulate" --><!-- TMPL_IF NAME="CircAutocompl" --><script type="text/javascript">
//<![CDATA[
YAHOO.util.Event.onContentReady("header_search", function() {
new function() {
// Define a custom formatter function
this.fnCustomFormatter = function(oResultItem, sQuery) {
var name = oResultItem[0];
var cardnumber = oResultItem[1];
var address = oResultItem[2];
var city = oResultItem[3];
var zip = oResultItem[4];
var aMarkup = [
"<div class=\"sample-result\">",
name,
" (",
cardnumber,
")<small> -- ",
address,
", ",
city,
"<\/small>",
"<\/div>"];
return (aMarkup.join(""));
};
// Instantiate one XHR DataSource and define schema as an array:
// ["Record Delimiter",
// "Field Delimiter"]
this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
this.oACDS.maxCacheEntries = 60;
this.oACDS.queryMatchSubset = true;
// Instantiate first AutoComplete
var myInput = document.getElementById('findborrower');
var myContainer = document.getElementById('yborrowercontainer');
this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
//this.oAutoComp.delimChar = ";";
//this.oAutoComp.queryDelay = 1;
this.oAutoComp.formatResult = this.fnCustomFormatter;
}
});
//]]>
</script><!-- /TMPL_IF -->
<div id="circ_search" class="residentsearch" style="display:none;">
<p class="tip">Enter patron card number or partial name:</p>
<form action="/cgi-bin/koha/circ/circulation.pl" method="post">
<!-- TMPL_IF NAME="CircAutocompl" -->
<div class="autocomplete">
<div id="borrowerautocomplete" class="autocomplete">
<input autocomplete="off" id="findborrower" name="findborrower" size="40" class="focus" type="text" /> <input id="ysearchsubmit" type="submit" class="submit" value="Submit" />
<div id="yborrowercontainer"></div>
<input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
<input name="printer" value="" type="hidden" />
<!-- TMPL_IF NAME="stickyduedate" -->
<input type="hidden" name="duedatespec" value="<!-- TMPL_VAR NAME="duedatespec" -->" />
<input type="hidden" name="stickyduedate" value="<!-- TMPL_VAR NAME="stickyduedate" -->" />
<!-- /TMPL_IF -->
</div>
</div>
<!-- TMPL_ELSE -->
<input id="findborrower" name="findborrower" size="40" class="focus" type="text" />
<input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
<input name="printer" value="" type="hidden" />
<!-- TMPL_IF NAME="stickyduedate" -->
<input type="hidden" name="duedatespec" value="<!-- TMPL_VAR NAME="duedatespec" -->" />
<input type="hidden" name="stickyduedate" value="<!-- TMPL_VAR NAME="stickyduedate" -->" />
<!-- /TMPL_IF -->
<input value="Submit" class="submit" type="submit" />
<!-- /TMPL_IF -->
</form>
</div>
<!-- /TMPL_IF -->