search.html.haml

---
title: 'Suche'
layout: buessli
---
.blogpost#query
:javascript
  $("#query").html("<h2>Suche nach: " + unescape(location.search.substring(3)) + "</h2>"); //ignores ?q=
/Google Search Custom code
.blogpost
  #cse{:style=>'width: 100%;'}
    Loading
%script{ :type=>'text/javascript', :src=>'https://www.google.com/jsapi' }
:javascript
  google.load('search', '1', {language : 'de', style : google.loader.themes.ESPRESSO});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '011108665684763433169:qlp4ykmo7bm', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.enableSearchResultsOnly(); 
    customSearchControl.draw('cse', options);
    function parseParamsFromUrl() {
      var params = {};
      var parts = window.location.search.substr(1).split('\x26');
      for (var i = 0; i < parts.length; i++) {
        var keyValuePair = parts[i].split('=');
        var key = decodeURIComponent(keyValuePair[0]);
        params[key] = keyValuePair[1] ?
            decodeURIComponent(keyValuePair[1].replace(/\+/g, ' ')) :
            keyValuePair[1];
      }
      return params;
    }

    var urlParams = parseParamsFromUrl();
    var queryParamName = "q";
    if (urlParams[queryParamName]) {
      customSearchControl.execute(urlParams[queryParamName]);
    }
  }, true);