RenatoSousa89 / google-ajax-apis

Automatically exported from code.google.com/p/google-ajax-apis
0 stars 0 forks source link

Custom Search Element won't overlay results #282

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
I place the following script in my HTML page and the results don't overlay
the page content
<code>

<!-- Google Custom Search Element -->
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
   google.load('search', '1');
   google.setOnLoadCallback(function(){
      new
google.search.CustomSearchControl('012945601778423208042:s8f72ey-oe4').draw('cse
');
   }, true);

</script>

</code>

 Any help would be appreciated.

What is the expected output? What do you see instead?

I want a result that looks like what is described in the Modal Overlay
instructions on Google's page
http://code.google.com/intl/en/apis/customsearch/docs/ui.html#modal  but
the control panel doesn't have "modal overlay" option anymore. Using the
new "Custom Search Element" available, I have implemented two test pages:
The first one www.bayphoto.com/testing/search4.htm  the results don't
"overlay" on top of my image as expected but instead pushes the images down
beneath the search results. For my second web page test
www.bayphoto.com/testing/search3.htm I used a CSS AP DIV to force the
results to overlay above my image using z-index but the results have a
transparent background, making them hard to read where it overlaps images
or text on the page.

What version of the product are you using? On what operating system?

Internet Explorer 8, FireFox 3, Google Chrome 2 on Windows XP 
Please provide any additional information below.

Original issue reported on code.google.com by bps...@got.net on 15 Jul 2009 at 7:07

GoogleCodeExporter commented 8 years ago

Original comment by jscud.w...@gmail.com on 4 Aug 2010 at 2:27

GoogleCodeExporter commented 8 years ago
<!-- Google Custom Search Element --> <div id="cse" 
style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" 
type="text/javascript"></script><script 
type="text/javascript">google.load('search', '1', {style: 
google.loader.themes.MINIMALIST});google.setOnLoadCallback(function(){var cse = 
new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Original comment by zhiqiang...@gmail.com on 16 Feb 2011 at 7:53