In-Page Search Option

Ivan Iraola Jan 27, 2006

Add a Google/Yahoo search option to your Web pages. Using radio buttons, you can search each engine individually or both at the same time.

The JavaScript Source: Navigation : In-Page Search Option

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

/* This script and many more are available free online at
The JavaScript Source :: http://www.javascriptsource.com
Created by: Ivan Iraola :: http://www.cybexmag.com */

function DoSearch() {
  var Flag = 0;

if (document.ToolBox.SearchOption[0].checked==true) {
    var Flag = 1;
    var Engine = document.ToolBox.SearchOption[0].value;
    var Query = document.ToolBox.SearchBox.value;
    var locName = "http://www.google.com/search?hl=en&q=";
      if (Query == "") {
        alert("Please enter a search term");
        return;
      }
    location.href = (locName + Query)
  }

if (document.ToolBox.SearchOption[1].checked==true) {
    var Flag = 1;
    var Engine = document.ToolBox.SearchOption[1].value;
    var Query = document.ToolBox.SearchBox.value;
    var locName = "http://search.yahoo.com/search?p=";
      if (Query == "") {
        alert("Please enter a search term");
        return;
      }
    location.href = (locName + Query)
  }

if (document.ToolBox.SearchOption[2].checked==true) {
    var Flag = 1;
    var Engine = document.ToolBox.SearchOption[2].value;
    var Query = document.ToolBox.SearchBox.value;
      if (Query == "") {
        alert("Please enter a search term");
        return;
      }
    var searchPage = "<HTML>";
      searchPage += "\n";
      searchPage += "<FRAMESET ROWS=\"50%,50%\">";
      searchPage += "\n";
      searchPage += "<FRAME SRC=\"http://www.google.com/search?hl=en&q=" + Query + "\">";
      searchPage += "\n";
      searchPage += "<FRAME SRC=\"http://search.yahoo.com/search?p=" + Query + "\">";
      searchPage += "\n";
      searchPage += "</FRAMESET>";
      searchPage += "\n";
      searchPage += "</HTML>";
      document.write(searchPage);
  }

if (Flag == 0) {
    alert("Please select a search engine");
  }
}

<form name="ToolBox" style="line-height: 2em;">
Enter search term(s): <input type="text" name="SearchBox" size="22">
<br>
<input type="radio" name="SearchOption" value="Google">Google  
<input type="radio" name="SearchOption" value="Yahoo">Yahoo  
<input type="radio" name="SearchOption" value="Both">Both  
<button type="button" onclick="DoSearch()">Search</button>
</form>
<p><div align="center">
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</div><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

In-Page Search Option

Leave a Response

Attention JavaScript Coders

Go Deeper