Dave Carlson's Ramblings

File: search.js
 
var appID = "APP_ID_FROM_YAHOO_BOSS";
var numResults = 8;
var site = "www.example.com";
var contentDiv = "#main";
var searchForm = "#customsearch";
 
function search_submit() {
    term = $("#searchterm").val();
    if (term.length == 0) { return false; }  
 
    $(contentDiv).fadeOut('fast');
    if ($("#search-content").length == 0) { $(contentDiv).after("<div id='search-content'></div>"); }
 
    $('#search-content').html('<h1 class="search-resultstitle">search results</h1>'
       +'<div class="search-searchedfor">you searched for &#8220;'
       +'<span class="search-searchedterm">'+term.substr(0,45)+'</span>&#8221;</div>'
       +'<a class="search-undo">&#171; Go back to original page</a>'
       +'<p id="search-loading"><img src="/media/images/loading.gif" alt="Loading" /></p>');
 
    $('.search-undo').unbind().click(function() {
      $('#search-content').fadeOut('slow');
      $(contentDiv).fadeIn('slow');
      $("#search-content").remove();
    });
    var APIurl = 'http://boss.yahooapis.com/ysearch/web/v1/'+term+'?callback=search_found'
      +'&sites='+site+'&count='+numResults+'&appid='+appID;
    $("head").append("<script type='text/javascript' src='"+APIurl+"'></script>");
    window.location.hash = '#top';
}
 
function search_found(o){
    $("#search-loading").remove();
    if(results = o.ysearchresponse.resultset_web){
      $('#search-content').append("<ul id='search-results'></ul><br class='clear' />");
      $(results).each(function(i,result){
        $('#search-results').append('<li><a title="'+result.title+'" href="'+result.clickurl+'">'+result.title+'</a>'
          +'<p class="search-abstract">'+result.abstract+'</p><p class="search-url">'+result.url+'</p></li>');
      });
    }
    else { $('#search-content').append("<p><br class='clear'>Sorry, but no results were found.</p><br class='clear' />"); }
}
 
$(document).ready(function() {
    $(searchForm).submit(function(){
      search_submit();
      return false;
    });
});

File: searchform.html
 
<form id="customsearch" action="http://www.google.co.uk/search">
  <div>
    <label for="searchterm">search</label>
    <input type="text" name="p" id="searchterm">
    <input type="submit" id="searchbutton" value="go">
    <input type="hidden" name="vs" id="site" value="www.example.com">
  </div>
</form>

File: search.css
 
#search-loading { margin:30px auto 0 auto; width:32px; }
#search-results { list-style-type: none; margin:20px 10px; padding:0; }
#search-results a { font-size:14px; }
#search-results li { margin:10px 0; padding:0; }
#search-results p { padding-left:10px; }
.search-searchedterm { font-weight:bold; }
.search-url { font-style:italic; }
.search-undo { font-weight:bold; cursor:pointer; }