koha-dev.rot13.org Git - koha_fer/blob - koha-tmpl/intranet-tmpl/prog/fr/includes/circ-search-autocompl.inc

   1 <!-- Begin Circulation Resident Search Box -->
   2
   3
   4
   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>
   9
  10
  11
  12 <style type="text/css">
  13 .yui-skin-sam .yui-ac {
  14     position:relative;
  15     font-size:100%;
  16 }
  17 .yui-skin-sam .yui-ac-input {
  18     position:absolute;
  19     width:100%;}
  20 .yui-skin-sam .yui-ac-container {
  21     position:absolute;
  22     top:1.6em;
  23     width:100%;
  24 }
  25 .yui-skin-sam .yui-ac-content {
  26     position:absolute;
  27     width:100%;
  28     border:1px solid #808080;
  29     background:#fff;
  30     overflow:hidden;
  31     z-index:9050;
  32 }
  33 .yui-skin-sam .yui-ac-shadow {
  34     position:absolute;
  35     margin:.3em;
  36     width:100%;
  37     background:#000;
  38     -moz-opacity:0.10;
  39     opacity:.10;
  40     filter:alpha(opacity=10);
  41     z-index:9049;
  42 }
  43 .yui-skin-sam .yui-ac-content ul {
  44     margin:0;
  45     padding:0;
  46     width:100%;
  47 }
  48 .yui-skin-sam .yui-ac-content li {
  49     margin:0;
  50     padding:2px 5px;
  51     cursor:default;
  52     white-space:nowrap;
  53 }
  54 .yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
  55     background:#B3D4FF;
  56 }
  57 .yui-skin-sam .yui-ac-content li.yui-ac-highlight {
  58     background:#426FD9;
  59     color:#FFF;
  60 }
  61
  62
  63
  64 #borrowerautocomplete { width: 405px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
  65 .autocomplete { width:130px; }/* set width of widget here*/
  66 .autocomplete .yui-ac-highlight ,
  67 .autocomplete .yui-ac-highlight .sample-result,
  68 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
  69 .autocomplete .sample-result { color: black; }
  70 .autocomplete .sample-query { color:#000; }
  71 #findborrower { position:static; width:335px; }  */
  72 #yborrowercontainer { text-align:left;width:300px; }
  73 </style>
  74
  75
  76 <div id="header_search">
  77
  78 <div id="circ_search" class="residentsearch">
  79     <p class="tip">Entrer le n° de carte d'adhérent ou une partie du nom : </p>
  80     <form action="/cgi-bin/koha/circ/circulation.pl" method="post">
  81         <div class="yui-skin-sam">
  82             <div id="borrowerautocomplete" class="autocomplete">
  83                 <input autocomplete="off" id="findborrower" name="findborrower" class="focus" type="text" />
  84                 <div id="yborrowercontainer"></div>
  85                 <input id="ysearchsubmit" type="submit" value="Valider">
  86                 <input name="branch" value="<!-- TMPL_VAR name="branch" -->" type="hidden" />
  87                 <input name="printer" value="" type="hidden" />
  88             </div>
  89         </div>
  90     </form>
  91 </div>
  92
  93 <div id="checkin_search" class="residentsearch">
  94     <p class="tip">Scanner un code à barre pour le retour</p>
  95     <form method="post" action="/cgi-bin/koha/circ/returns.pl">
  96         <input name="barcode" id="ret_barcode" size="40" maxlength="14" />
  97         <input value="Valider" type="submit">
  98     </form>
  99 </div>
 100
 101 <div id="catalog_search" class="residentsearch">
 102     <p class="tip">Entrer les termes de recherche :</p>
 103     <form action="/cgi-bin/koha/catalogue/search.pl"  method="get" id="cat-search-block">
 104         <input type="text" name="q" id="search-form" size="40" />
 105         <input type="submit" name="op" id="opac-submit" value="Valider" class="form-submit">
 106     </form>
 107 </div>
 108
 109 <ul>
 110     <li><a href="/cgi-bin/koha/circ/circulation.pl#circ_search">Prêt</a></li>
 111     <li><a href="/cgi-bin/koha/circ/returns.pl#checkin_search">Retours</a></li>
 112     <li><a href="/cgi-bin/koha/catalogue/advsearch.pl#catalog_search">Recherche catalogue</a></li>
 113 </ul>
 114
 115 </div>
 116
 117
 118 <script type="text/javascript">
 119 YAHOO.bsearch.ACFlatData = new function() {
 120     // Define a custom formatter function
 121     this.fnCustomFormatter = function(oResultItem, sQuery) {
 122         var name        = oResultItem[0];
 123         var cardnumber  = oResultItem[1];
 124         var address     = oResultItem[2];
 125         var city        = oResultItem[3];
 126         var zip         = oResultItem[4];
 127         var aMarkup = [
 128             "<div class='sample-result'>",
 129             name,
 130             " (",
 131             cardnumber,
 132             ")<small> -- ",
 133             address,
 134             ", ",
 135             city,
 136             "</small>",
 137             "</div>"];
 138         return (aMarkup.join(""));
 139     };
 140
 141     // Instantiate one XHR DataSource and define schema as an array:
 142     //     ["Record Delimiter",
 143     //     "Field Delimiter"]
 144     this.oACDS = new YAHOO.widget.DS_XHR("/cgi-bin/koha/circ/ysearch.pl", ["\n", "\t"]);
 145     this.oACDS.responseType = YAHOO.widget.DS_XHR.TYPE_FLAT;
 146     this.oACDS.maxCacheEntries = 60;
 147     this.oACDS.queryMatchSubset = true;
 148
 149     // Instantiate first AutoComplete
 150     var myInput = document.getElementById('findborrower');
 151     var myContainer = document.getElementById('yborrowercontainer');
 152     this.oAutoComp = new YAHOO.widget.AutoComplete(myInput,myContainer,this.oACDS);
 153     //this.oAutoComp.delimChar = ";";
 154     //this.oAutoComp.queryDelay = 1;
 155     this.oAutoComp.formatResult = this.fnCustomFormatter;
 156 }
 157
 158
 159
 160 </script>
 161
 162 <!-- End Circulation Resident Search Box -->