Home > Navigation > In-Page Search Option


In-Page Search Option

December 31st, 2009

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!!!
<!– Paste this code into an external JavaScript file named: search.js  –>

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.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”);
}
}

<!– Paste this code into the HEAD section of your HTML document.
You may need to change the path of the file.  –>

<script type=”text/javascript” src=”search.js”></script>

<!– Paste this code into the BODY section of your HTML document  –>

<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>

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Diigo
  • DZone
  • Fark
  • Faves
  • laaik.it
  • LinkedIn
  • Live
  • MisterWong
  • MySpace
  • Netvibes
  • Netvouz
  • NewsVine
  • Propeller
  • Reddit
  • Slashdot
  • Socialogs
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz


Author: admin Categories: Navigation Tags:
Comments are closed.