Search Form and Results on Two Different Pages

March 16, 2010

One of cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 major advantages of an Ajax style search box is that users can perform cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365ir queries and get cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365ir results without leaving cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 page. However, some webmasters prefer that cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365ir users go to a separate results page after cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365y enter a search. The Ajax search library supports this "two-page" use case as well, and since this is a question that we see from time to time we've set up a simple demo site.

To create this page we wrote a simple form in HTML and added JavaScript to add cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 "Google Custom Search" branding in cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 search box. View source to see all cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 details.

When cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 user submits cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 form, cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365y are taken to a results page which has cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 following HTML structure:

    
Loading...

We cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365n tell cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 search library to draw its search box and results in cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 div we just created:

        // Draw cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 control in content div
customSearchControl.draw('results');

Since cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 user came to this page from our search form, cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365ir query terms are now part of cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 page URL, so all we need to do now is extract cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365m and execute cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365ir query:

      function getQuery() {
var url = '' + window.location;
var queryStart = url.indexOf('?') + 1;
if (queryStart > 0) {
var parts = url.substr(queryStart).split('&');
for (var i = 0; i < parts.length; i++) {
if (parts[i].substr(0, 1) == 'q') {
return unescape(parts[i].split('=')[1].replace(/\+/g, ' '));
}
}
}
return '';
}

// See cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 source code of cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 results page for full details.

...


// Run a query
customSearchControl.execute(getQuery());

There is one more optional setting that you might be interested in. The second page which we've just created contains a search box that will allow cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 user to perform searches on this same page. If you would prefer for cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 search box not to appear on this results page we can add cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 following HTML to cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 page:

    

We hide cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 input box because we don't want cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 Ajax search library to render cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 usual query input box, just to show cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 results. We cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365n tell cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 search library to draw its search box in cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 hidden input, making it invisible:

        // Set drawing options to use our hidden input box.
var drawOptions = new google.search.DrawOptions();
drawOptions.setInput(document.getElementById('hidden-input'));

// Change cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 draw call to include our new options.
customSearchControl.draw('results', drawOptions);

To see an example of a two-page search setup with a hidden query input, visit this page.

To learn more about cá cược thể thao bet365_cách nạp tiền vào bet365_ đăng ký bet365 Google Custom Search API, read our documentation. If you run into any problems while setting this up, post your question in our discussion group or hop on our IRC channel.