Using the "Custom Search Control" designed by the Custom Search Engine team to put the results in an overlay on the page, I don't think it is. In fact, I don't think you'll be able to use a default Search Control, either. You'll need to build your own custom control. It's really not all that complex to do if you have a little basic knowledge of Javascript and HTML. And if you need help, we would be glad to help you out live in the IRC channel. For information on the IRC channel, check out this thread:
http://groups.google.com/group/google-ajax-search-api/browse_thread/thread/ccbcf6c42d5a78bc Jeremy R. Geerdes Effective website design & development Des Moines, IA For more information or a project quote: http://jgeerdes.home.mchsi.com http://jgeerdes.blogspot.com http://jgeerdes.wordpress.com jgeer...@mchsi.com Unless otherwise noted, any price quotes contained within this communication are given in US dollars. If you're in the Des Moines, IA, area, check out Debra Heights Wesleyan Church! And check out my blog, Adventures in Web Development, at http://jgeerdes.blogspot.com ! On Nov 3, 2009, at 1:39 AM, Olaf Lederer wrote: > > Hello Jim, > > nice example, but your site's content is moved down and is not > replaced by the results. > Do you think it's possible using the Ajax CSE? > > regards > Olaf > > On Nov 3, 3:23 am, Jim <goreansp...@gmail.com> wrote: >> 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)" <j...@google.com> 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 <goreansp...@gmail.com> 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 <goreansp...@gmail.com> 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)" <j...@google.com> 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 <goreansp...@gmail.com> >>>>>> 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 google-ajax-search-api@googlegroups.com To unsubscribe from this group, send email to google-ajax-search-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-ajax-search-api?hl=en -~----------~----~----~----~------~----~------~--~---
