the Forum
How to create a simultaneous search box using HTML/JavaScript?
Posted on March 13, 2013 by Arnold
Total Posts: 1 | Join date: 03-13-13
Tags: There are no tags for this entry.
2 answers, add yours below
Posted on on March 13, 2013 at 8:31pm
by Michael Rosario
There are a few pieces we need before we start.
First, the URL queries used by search engines. For example google's search is activated by www.google.com/#q=SEARCH_TERM and search.yahoo.com/search?p=SEARCH_TERM
Second, a form, where a user can add the keyword. A javascript script will run when you click submit.
Third, a script that opens browsers in new window.
<html>
<head>
<script>
function formSubmit()
{
var term = document.getElementById("keyword").value;
window.open('http://www.google.com/#q='+term,'google','width=600,height=600');
window.open('http://search.yahoo.com/search?p='+term,'yahoo','width=600,height=600');
window.open('http://www.bing.com/search?q='+term,'bing','width=600,height=600');
}
</script>
</head>
<body>
<form id="frm1">
<input id="keyword" name="keyword" value="" placeholder="keyword">
<input type="button" onclick="formSubmit()" value="SEARCH">
</form>
</body>
</html>
Posted on on December 12, 2015 at 6:48am
by GESTION DE AGUA
add your answers here
comments powered by Disqus
Add New Thread
Trending Threads
- CarouFredSel is not loading consistently on page reload.
- Posted on April 30, 2013 by Michael Rosario
6 Replies | Add a Reply
- Removing all eventSources in jQuery FullCalendar plugin
- Posted on June 14, 2011 by Michael Rosario
3 Replies | Add a Reply
- Fancybox 2 is shifting on load
- Posted on September 12, 2012 by Michael Rosario
11 Replies | Add a Reply
- How to get a JSON feed with YouTube and parse using Jquery
- Posted on November 2, 2011 by Michael Rosario
1 Reply | Add a Reply
- I’d like to be able to add Facebook, Twitter, Pinterest, and Instagram feeds to my website
- Posted on July 25, 2014 by James
2 Replies | Add a Reply
- Enable GZIP on Pair.com
- Posted on April 4, 2014 by Michael Rosario
2 Replies | Add a Reply
- How to add email collection popup on my website
- Posted on December 1, 2011 by Tony
2 Replies | Add a Reply
- Issue using mediaelement.js with IE7/8 blank video with sound
- Posted on March 16, 2012 by Michael Rosario
3 Replies | Add a Reply