Team:UCL London/Search

From 2010.igem.org

(Difference between revisions)

Revision as of 14:43, 29 August 2010

UCL IGEM 2010

Loading...

@@ Line 1: / Line 1: @@
 {{:Team:UCL_London/templates/v2/headerFullWidth}}
-<div id="cse" style="width: 100%;">Loading</div>
+<html>
-<script src="http://www.google.com/jsapi" type="text/javascript"></script>
-<script type="text/javascript">
-  google.load('search', '1', {language : 'en'});
-  google.setOnLoadCallback(function() {
-    var customSearchControl = new google.search.CustomSearchControl('015037489037541248416:puabtvcdnqy');
-    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
-    customSearchControl.draw('cse');
-  }, true);
-</script>
 <link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
+ <script src="http://www.google.com/jsapi" type="text/javascript"></script>
+    <script type="text/javascript">
+      google.load('search', '1');
+      /**
+       * Extracts the users query from the URL.
+       */
+      function getQuery() {
+        var url = '' + window.location;
+        var queryStart = url.indexOf('?') + 1;
+        if (queryStart > 0) {
+          var parts = url.substr(queryStart).split('&');
+          for (var i = 0; i < parts.length; i++) {
+            if (parts[i].length > 2 && parts[i].substr(0, 2) == 'q=') {
+              return decodeURIComponent(
+                  parts[i].split('=')[1].replace(/\+/g, ' '));
+            }
+          }
+        }
+        return '';
+      }
+      function onLoad() {
+        // Create a custom search control that uses a CSE restricted to
+        // code.google.com
+        var customSearchControl = new google.search.CustomSearchControl(
+            '015037489037541248416:puabtvcdnqy');
+        var drawOptions = new google.search.DrawOptions();
+        drawOptions.setAutoComplete(true);
+        // Draw the control in content div
+        customSearchControl.draw('results', drawOptions);
+        // Run a query
+        customSearchControl.execute(getQuery());
+      }
+      google.setOnLoadCallback(onLoad);
+    </script>
+  </head>
+  <body>
+    <div id="results">Loading...</div>
+  </body>
+</html>
 {{:Team:UCL_London/templates/v2/footerFullWidth}}

Team:UCL London/Search

From 2010.igem.org

Revision as of 14:43, 29 August 2010

Quick Links