PDA

View Full Version : Can someone help me with this form?

v777tony
04-16-2006, 04:20 AM
I'm trying to get it to where your able to submit your query by just pressing enter. I got the focus to switch to the search button when you press one of the radio buttons. But you can't really do that with the onkeyypress event with the Text box. The onkeydown event seems to work better than the onkeypress. I also know the keycode for enter/return is 13. Also It seems you need to refresh the browser when searching with the both option. I need some kinda auto-refresh or somethin'. Well, here it is...

<script type="text/javascript">
<!--
function DoSearch() {
var Check = 0;

if (document.ToolBox.SearchOption[0].checked==true) {
var Check = 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 Check = 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 Check = 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 (Check == 0) {
alert("Please select a search engine");
}
}
//-->
</script>
<form style="cursor:url(cursors\cursoryellow.cur)" name="ToolBox" style="line-height: 2em;">
Enter search term(s): <input style="cursor:url(cursors\cursoryellow.cur)" type="text" name="SearchBox" size="22"/>
<br/>
<input type="radio" name="SearchOption" value="Google" onclick="document.ToolBox.button.focus()"/>Google
<input type="radio" name="SearchOption" value="Yahoo" onclick="document.ToolBox.button.focus()"/>Yahoo
<input type="radio" name="SearchOption" value="Both" onclick="document.ToolBox.button.focus()"/>Both
<br/>
<button onmouseover="playSound('navsound0')" style="cursor:url(cursors\cursoryellow.cur)" type="button" onclick="DoSearch()" name="button">Search</button>
</form>
:confused:
Rachy06
04-16-2006, 05:26 AM
isn't that normally just automatic???
v777tony
04-16-2006, 05:30 AM
isn't that normally just automatic???
If it's a submit button and it submits to your own domain. At least I think. In any case, I tested this and it don't work.:(
v777tony
04-20-2006, 12:54 AM
PLEASE HELP
:confused: :confused: :confused: :confused: :confused: :confused: :confused:
mlseim
04-20-2006, 03:56 AM
Tony ...

Somewhat obvious, but did you try searching Google?
I seemed to find a lot of information about this ...

http://www.google.com/search?q=javascript+use+enter+key&btnG=Search
v777tony
04-21-2006, 03:39 AM
Tony ...

Somewhat obvious, but did you try searching Google?
I seemed to find a lot of information about this ...

http://www.google.com/search?q=javascript+use+enter+key&btnG=Search
Trust me... I've googled this enough!
http://www.geocities.com/renegadebottlecap/cervantes.jpg
v777tony
06-05-2006, 01:02 AM
Okay, I've changed my code to this but it still doesn't work.

<script type="text/javascript">
<!--
function DoSearch() {
var e = 0;
if (document.ToolBox.SearchOption[0].checked==true) {
var e = 1;
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 e = 1;
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 e = 1;
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 (e == 0) {
alert("Please select a search engine");
}
}
var Query = document.Toolbox.SearchBox.value;
var Value = document.Toolbox.SearchOption.value;
if location.href = (../Search.htm?SearchBox=" + Query + "&SearchOption=" + Value");
&& if (Value == Google);
then setTimeout('Redirect()',0);
function Redirect()
{
location.href = "http://www.google.com/search?hl=en&q=" + Query + "\";
}
elseif (Value == Yahoo);
then then setTimeout('Redirect()',0);
function Redirect()
{
location.href = "http://search.yahoo.com/search?p=" + Query + "\";
}
elseif (Value == Both);
then document.write(searchPage);
else
alert("JAVASCRIPT ERROR")
return;
//-->
</script>
<form style="cursor:url(cursors\cursoryellow.cur)" name="ToolBox" style="line-height: 2em;">
Enter search term(s): <input style="cursor:url(cursors\cursoryellow.cur)" 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
<br/>
<input onmouseover="playSound('navsound0')" style="cursor:url(cursors\cursoryellow.cur)" type="submit" value=" Search " onclick="DoSearch()">
</form>
v777tony
06-11-2006, 01:01 AM
Here's the code that works:

<html>
<head>
<script type="text/javascript">
<!--
function DoSearch() {
var Check = 0;
if (document.ToolBox.SearchOption[0].checked==true) {
var Check = 1;
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 Check = 1;
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 Check = 1;
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);
document.close();
}
if (Check == 0) {
alert("Please select a search engine");
}
}
//-->
</script>
</head>
<body>
<form action="javascript:DoSearch();" name="ToolBox" style="line-height: 2em;>
Enter search term(s):<br/>
<input type="text" name="SearchBox" size="22"/>
<br/>
<input type="radio" name="SearchOption" onclick="document.ToolBox.SearchBox.focus()"/>Google
<input type="radio" name="SearchOption" onclick="document.ToolBox.SearchBox.focus()"/>Yahoo
<input type="radio" name="SearchOption" onclick="document.ToolBox.SearchBox.focus()"/>Both
<br/>
<input type="submit" value=" Search "/>
</form>
</body>
</html>


Insert this in your website and you've got a nice clean search engine.