How to launch a google search in a new tab or window from javascript?

Say I have a Javascript variable containing a couple of search terms separated by spaces, is it possible to start a Google Search window or tab using these terms (after a user clicks on a button for example)? If yes, does anyone have a simple code example to inject in a HTML?

Answers:

Answer

The google search URL is basically: https://www.google.com/search?q=[query]

Using that you can easily build a search URL to navigate to, f.ex using a simple form without javascript:

<form action="http://google.com/search" target="_blank">
    <input name="q">
    <input type="submit">
</form>

Demo: http://jsfiddle.net/yGCSK/

If you have the search query in a javascript variable, something like:

<button id="search">Search</button>
<script>
var q = "Testing google search";
document.getElementById('search').onclick = function() {
    window.open('http://google.com/search?q='+q);
};
</script>

Demo: http://jsfiddle.net/kGBEy/

Answer

Try this

<script type="text/javascript" charset="utf-8">
function search()
{
    query = 'hello world';
    url ='http://www.google.com/search?q=' + query;
    window.open(url,'_blank');
}
</script>

<input type="submit" value="" onclick="search();">

Or just

<form action="http://google.com" method="get" target="_blank">
<input type="text" name="q" id="q" />
<input type="submit" value="search google">
Answer

Sure just pass a link with google search parameters to a new window / div / ajax div / iframe However you cannot just open a new tab / window, this is not allowed and not recommended. You need to add a button that will open it..

Guide to Google Search Parameters:

1)http://www.seomoz.org/ugc/the-ultimate-guide-to-the-google-search-parameters

2)http://www.blueglass.com/blog/google-search-url-parameters-query-string-anatomy/

Answer

The Zend website uses the following

<form method="get" action="//www.google.com/search" target="_blank">
    <input type="text" name="q" maxlength="255" placeholder="Search in the site">
    <input type="hidden" name="sitesearch" value="framework.zend.com">
</form>

This works well. However, I don't know what is the Google policy about this kind of integration as it is providing a forced value (sitesearch)

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.