Signed-off-by: tji <tina.ji@bc.libraries.coop>
[sitka/doc/manual.git] / search-box.html
CommitLineData
3086df4b 1
dcd89f42 2<!DOCTYPE html>
3086df4b 3
ba6697ec
T
4
5 <div style="float: right; width: 350px; position: relative; top: -30px">
0d59bf81 6 <div id='gcse' style='width: 100%;'>Loading</div>
c63ef598 7 <!-- <script src='//www.google.com/jsapi' type='text/javascript'></script> -->
df702916 8
c750be3c 9 <!-- prod
8148ce0a 10 <script type='text/javascript'>
11 google.load('search', '1', {language: 'en', style: google.loader.themes.GREENSKY});
12 google.setOnLoadCallback(function() {
13 var customSearchOptions = {};
91c08c0d 14 var customSearchControl = new google.search.CustomSearchControl('004118323935733566362:einy5gdhg28', customSearchOptions);
8148ce0a 15 customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
16 var options = new google.search.DrawOptions();
17 options.setSearchFormRoot('cse-search-form');
18 customSearchControl.draw('cse', options);
19 }, true);
c750be3c 20 </script> -->
21
22 <!-- prod new script Dec 13, 17 -->
0d59bf81 23
c750be3c 24 <script type='text/javascript'>
25 (function() {
26 var cx = '004118323935733566362:einy5gdhg28';
27 var gcse = document.createElement('script');
28 gcse.type = 'text/javascript';
29 gcse.async = true;
30 gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
31 var s = document.getElementsByTagName('script')[0];
32 s.parentNode.insertBefore(gcse, s);
33 })();
34 </script>
ef66eeca 35
0d59bf81 36 <div style="border: 1px solid blue;">
37 Area 1 (for example a sidebar)
38 <gcse:searchbox></gcse:searchbox>
39 </div>
ef66eeca 40
6147f5e6 41
ef66eeca 42
43 <div style="border: 1px solid red;">
44 Area 2 (for example main area of the page)
45 <gcse:searchresults></gcse:searchresults>
46 </div>
47 </div>
b145b79f 48
e578558a 49 <!-- for master
df702916
T
50
51 <script type='text/javascript'>
52 google.load('search', '1', {language: 'en', style: google.loader.themes.GREENSKY});
53 google.setOnLoadCallback(function() {
54 var customSearchOptions = {};
e578558a 55 var customSearchControl = new google.search.CustomSearchControl('004118323935733566362:uoicxmjem6w', customSearchOptions);
df702916
T
56 customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
57 var options = new google.search.DrawOptions();
58 customSearchControl.draw('cse', options);
59 }, true);
8148ce0a 60
61 </div>
e578558a 62 </script>
63
64 <link rel="stylesheet" href="http://www.google.com/cse/style/look/minimalist.css"
65 type="text/css" />
66 -->
fabea586 67
8148ce0a 68
b145b79f 69
e578558a 70
8148ce0a 71
fabea586 72
8ec1ca6e 73
c750be3c 74