Hey, Incase anyone wants to go to a working example of the code:
http://www.jobstriker.com Ps: anxiously awaiting for "Google Wave" :D Regards, Jim. On Nov 3, 4:23 am, "Jeff S (Google)" <[email protected]> wrote: > Hi Jim, > > Very cool, glad you got it and thanks for sharing :) > > Happy coding, > > Jeff > > > > On Sat, Oct 31, 2009 at 1:23 AM, Jim <[email protected]> wrote: > > > Jeff, > > > Thanks a ton! > > Managed to do it! > > Have a great weekend! > > > Just sharing the code here in case anyone else needs the same solution. > > ( Jquery Google Ajax Search Api ) > > =================================================================== > > var added=false; > > function search(){ > > var gcscPostSearch = {}; > > gcscPostSearch.uiAddOn = function() { > > if(!added) > > { > > $("#results").prepend("<div class='clearsearch'>Clear Search / > > Close</ > > div>"); > > added=true; > > } > > $("#results .gsc-results").css('font-family','Arial,Helvetica,sans- > > serif') > > .css('border-left','1px solid #D4E0F2') > > .css('border-top','1px solid #D4E0F2') > > .css('border-right','1px solid #D4E0F2') > > .css('border-bottom','1px solid #D4E0F2') > > .css('padding','10px 0 10px 10px'); > > $("#results .clearsearch").css('border-left','1px solid #D4E0F2') > > .css('border-top','1px solid #20387D') > > .css('border-right','1px solid #20387D') > > .css('border-left','1px solid #20387D') > > .css('border-bottom','1px solid #20387D') > > .css('background','#D4E0F2') > > .css('padding','5px 5px 5px 5px') > > .css('cursor','pointer') > > .css('float','right'); > > $("#results .clearsearch").click(function(){triggerGoogleSearch();}) > > }; > > var d=new google.search.DrawOptions(); > > var c=new google.search.CustomSearchControl("xxx"); > > c.setLinkTarget(google.search.Search.LINK_TARGET_SELF); > > c.setNoResultsString("Sorry! We could not find what you are looking > > for."); > > c.setSearchCompleteCallback(gcscPostSearch, > > gcscPostSearch.uiAddOn); > > d.setInput(document.getElementById("query_input")); > > c.draw(document.getElementById("results"),d); > > } > > $.getScript("http://www.google.com/jsapi",function(){google.load > > ("search","1",{callback:search});}); > > > =========================================================================== > > ==== > > > in the above code, triggerGoogleSearch() is a method written > > specifically, to reset google search. > > > Cheers, > > Jim. > > > On Oct 31, 8:59 am, Jim <[email protected]> wrote: > > > Hi Jeff, > > > > Thank you for taking the time to reply. > > > > To put it quite simply, your solution blew right over my head :). > > > > I have written a small jquery code, to implement the search more > > > efficiently. > > > function search(){ > > > var d=new google.search.DrawOptions(); > > > var c=new google.search.CustomSearchControl("xxx"); > > > c.setLinkTarget(google.search.Search.LINK_TARGET_SELF); > > > c.setNoResultsString("Sorry! We could not find what you are > > looking > > > for."); > > > d.setInput(document.getElementById("query_input")); > > > c.draw(document.getElementById("results"),d); > > > } > > > $.getScript("http://www.google.com/jsapi",function(){google.load > > > ("search","1",{callback:search});}); > > > > I don't know how to hook, or send the control back, once a search is > > > initiated. This code loads > > > once the page is loaded, and then the search field is then ready for > > > input. > > > There is no button(so cannot send control back to the script using the > > > button). > > > > The only way, in my limited knowledge on the api, is to write/draw a > > > close button alongside the results. > > > In the tabs area. > > > > However you have given me a good hint about the class that draws it, > > > will rack my brain some more and try, > > > Please do let me know if there is a easier way. > > > > Thank you, > > > Jim. > > > > On Oct 28, 1:58 am, "Jeff S (Google)" <[email protected]> wrote: > > > > > Hi Jim, > > > > > I recently worked on a sample where we used > > > > control.setSearchCompleteCallback to add a small x to clear the results > > by > > > > adding new nodes to the DOM after the searches are completed. You can > > see > > > > the code here > > > > >http://en.wikipedia.org/w/index.php?title=User:Jscud/vector.js&action. > > .. > > > > > (We talked about it in greater detail in this blog post: > >http://googlecustomsearch.blogspot.com/2009/10/contextual-search-expe...) > > > > > There is more than one way to do this, but would the above example work > > for > > > > what you are trying to do? > > > > > Thank you, > > > > > Jeff > > > > > On Thu, Oct 22, 2009 at 8:48 PM, Jim <[email protected]> wrote: > > > > > > Hi, > > > > > > Recently, I added google custom search to my site. > > > > > However it does not show a clear button in the results. > > > > > Was wondering if there is a draw option for this. > > > > > > If you go to this blog > > > > >http://googlecustomsearch.blogspot.com/ > > > > > The search for the blog itself has a clear button(a small "x") in the > > > > > results. > > > > > However the developer has used google search widget. Not custom > > > > > search. > > > > > I would like a similar "clear button 'x'" to be drawn in my results. > > > > > Could not find a draw option for this. > > > > > > The link below has the same features as my search(It is not my site): > > > > >http://ajax-apis.appspot.com/cse-less-style > > > > > > function triggerGoogleSearch() > > > > > My code: > > > > > { > > > > > google.load('search', '1'); > > > > > //Google Branding > > > google.search.Search.getBranding(document.getElementById("branding")); > > > > > // Create a Custom Search control that uses a CSE restricted to > > > > > code.google.com > > > > > // Change the customSearchId string to the ID of your own Custom > > > > > Search engine. > > > > > var customSearchControl = new google.search.CustomSearchControl > > > > > ('xxxx'); > > > > > //open search links clicked in same window > > > > > customSearchControl.setLinkTarget > > > > > (google.search.Search.LINK_TARGET_SELF); > > > > > //Set drawing options to use my text box as input instead of having > > > > > the library create one. > > > > > var drawOptions = new google.search.DrawOptions(); > > > > > drawOptions.setInput(document.getElementById('query_input')); > > > > > //Draw the control in content div > > > > > customSearchControl.draw('results', drawOptions); > > > > > google.setOnLoadCallback(onLoad); > > > > > } > > > > > > Thanks, Its probably something small, but has been bugging me for a > > > > > while, don't want to upload the search feature to my site without it > > > > > having > > > > > the clear search button. > > > > > > Appreciate any help! > > > > > > Regards, > > > > > Jim. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google AJAX APIs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-ajax-search-api?hl=en -~----------~----~----~----~------~----~------~--~---
