e3dbe5c3cb76e624261da064444ef9ea1e311b45
[sitka/doc/manual.git] / search-box.html
1
2 <!DOCTYPE html>
3
4   
5   <div style="float: right; width: 350px; position: relative; top: -30px">
6     <div id='cse' style='width: 100%;'>Loading</div>
7     <!--     <script src='//www.google.com/jsapi' type='text/javascript'></script>  -->
8     
9     <!-- prod  
10   <script type='text/javascript'>
11     google.load('search', '1', {language: 'en', style: google.loader.themes.GREENSKY});
12     google.setOnLoadCallback(function() {
13     var customSearchOptions = {};
14     var customSearchControl =   new google.search.CustomSearchControl('004118323935733566362:einy5gdhg28', customSearchOptions);
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);
20     </script>   -->
21     
22     <!-- prod new script Dec 13, 17 -->
23     <div style="border: 1px solid blue;">
24       Area 1 (for example a sidebar)
25       <gcse:searchbox></gcse:searchbox>
26     </div>
27     <script  type='text/javascript'>
28       (function() {
29       var cx = '004118323935733566362:einy5gdhg28';
30       var gcse = document.createElement('script');
31       gcse.type = 'text/javascript';
32       gcse.async = true;
33       gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
34       var s = document.getElementsByTagName('script')[0];
35       s.parentNode.insertBefore(gcse, s);
36       })();
37     </script>
38     
39   
40     
41    
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>
48
49     <!-- for master    
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 = {};
55       var customSearchControl =   new google.search.CustomSearchControl('004118323935733566362:uoicxmjem6w', customSearchOptions);
56       customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
57       var options = new google.search.DrawOptions();
58       customSearchControl.draw('cse', options);
59       }, true);
60       
61       </div>
62       </script>   
63     
64     <link rel="stylesheet" href="http://www.google.com/cse/style/look/minimalist.css" 
65     type="text/css" />
66     -->
67   
68
69
70  
71
72
73
74