tengo este codigo:
Código:
anda perfecto, pero cuando busco los resultados me los expande debajo.<!--
Copyright (c) 2008 Google Inc.
You are free to copy and use this sample.
License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Search example</title>
<!--
note: should be http://www.google.com/jsapi
-->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<!-- Throw in a videobar for fun -->
<style type="text/css">
body, table, p{
background-color: white;
font-family: Arial, sans-serif;
font-size: 13px;
}
h1 {
font-size : 16px;
font-weight : bold;
border-top : 1px solid #e0e0e0;
text-align : center;
margin-bottom : 10px;
padding-bottom : 4px;
color : rgb(9, 122, 182);
}
h1 .tagline,
h1 a,
h1 a .tagline {
font-size : 13px;
font-weight : normal;
color : rgb(9, 122, 182);
cursor : pointer;
text-decoration : none;
}
a span.tagline:hover {
text-decoration : underline;
color : rgb(237, 92, 11);
}
table.search-control {
width : 100%;
}
table.search-control .gsc-control {
width : 100%;
}
td.left {
width : 500px;
padding-right : 20px;
}
td {
vertical-align : top;
}
/* Disable built in search forms */
.gsc-control form.gsc-search-box {
display : none;
}
/* restrict global search form width */
#searchForm {
width : 500px;
}
/* disable twiddle and size selectors for left column */
#leftSearchControl .gsc-twiddle {
background-image : none;
}
#leftSearchControl .gsc-resultsHeader .gsc-title {
padding-left : 0px;
font-weight : bold;
font-size : 14px;
}
#leftSearchControl .gsc-resultsHeader div.gsc-results-selector {
display : none;
}
#leftSearchControl .gsc-resultsRoot {
padding-top : 6px;
}
/* for demonstration purposes ONLY. This is not ok by the terms */
#rightSearchControl .gsc-ad-box {
display : none;
}
/* override standard player dimensions */
.playerInnerBox_gsvb .player_gsvb {
width : 480px;
height : 360px;
}
/* long form visible urls should be on */
#leftSearchControl div.gs-visibleUrl-long,
#rightSearchControl div.gs-visibleUrl-long {
display : block;
}
.gsc-webResult div.gs-visibleUrl-short {
display : none;
}
</style>
<script type="text/javascript">
google.load('search', '1');
// the cse class encapsulates a left and right search control
// both controls are driven by a shared search form
function cse() {
var sFormDiv = document.getElementById("searchForm");
var leftScDiv = document.getElementById("leftSearchControl");
var rightScDiv = document.getElementById("rightSearchControl");
// create a left, right search control
// create a custom search form
this.leftControl = new google.search.SearchControl();
this.rightControl = new google.search.SearchControl();
this.searchForm = new google.search.SearchForm(true, sFormDiv);
// bind clear and submit functions
this.searchForm.setOnSubmitCallback(this, cse.prototype.onSubmit);
this.searchForm.setOnClearCallback(this, cse.prototype.onClear);
// set up for small result sets
this.leftControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
this.rightControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
var searcher;
var options;
searcher = new google.search.WebSearch();
this.rightControl.addSearcher(searcher);
// draw the left and right controls
// the right control is drawn in tabbed mode
var drawOptions = new google.search.DrawOptions();
drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);
this.leftControl.draw(leftScDiv);
this.rightControl.draw(rightScDiv, drawOptions);
// execute a starter search
// this.searchForm.execute("");
}
// when the form fires a submit, grab its
// value and call the left and right control
cse.prototype.onSubmit = function(form) {
var q = form.input.value;
if (q && q!= "") {
this.leftControl.execute(q);
this.rightControl.execute(q);
}
return false;
}
// when the form fires a clear, call the left and right control
cse.prototype.onClear = function(form) {
this.leftControl.clearAllResults();
this.rightControl.clearAllResults();
this.videoBar.clearAllResults();
form.input.value = "";
return false;
}
function OnLoad() {
new cse();
}
google.setOnLoadCallback(OnLoad, true);
</script>
</head>
<body>
<div id="searchForm">Loading...</div>
<table class="search-control">
<td class="left">
<div id="rightSearchControl" class="search-control">Loading...</div>
</td>
<td class="right">
</td>
</table>
</body>
</html>
yo lo que quiero hacer es buscar y que los resultados aparezcan en una nueva pagina, y luego en esa pagina si.. expandidos abajo siempre.
osea, como esta google.com actualmente
alguien tiene idea como hacer? modificar eso de ahi arriba ..... o algo
