Search Box Behavior - automatically clear the content

[DNelson]

I have my search box in one frame and my results displayed in another frame. Everything is working well except that we I have done a search and I try to click back on the search box to try a different search I have to click on the first letter and then delete the word from the previous search. Is there a way to automaticly clear the contents in the search box and refresh it?

[David]

These past posts might help,
Can I have "enter search term here" appear in search box?
Way to clear search input box after submitting search

[DNelson]

These past posts might help,
Can I have "enter search term here" appear in search box?
Way to clear search input box after submitting search

I tried this code to clear the submit box and that part works but in my results page I get the message: No search query entered. I'm sure I missed something but not sure what. Thank you for any help.


<script language="javascript">
function cleartext()
{
document.form1.zoom_query.value = "";
}
</script>
<form name="form1" action="../Zoom_Search/search.asp" target="MainContentFrame" onSubmit="cleartext();">
<input type="text" name="zoom_query" size="13" value="">
<input type="submit" value="Search">
</form>

[Ray]

Seems like a flaw in that original concept. It might be better changing the submit button and adding an onClick function.

e.g.

<script language="javascript"> 
function submitandclearsearch() 
{ 
document.form1.submit();
document.form1.zoom_query.value = "";
} 
</script> 
<form name="form1" action="../Zoom_Search/search.asp" target="MainContentFrame">
<input type="text" name="zoom_query" size="13" value="">
<input type="button" value="Search" onclick="submitandclearsearch();">
</form>

[DNelson]

Ray, thank you for your help. This new code works much better as long as you click on the submit with the mouse instead of just hitting ENTER.

[Ray]

Ah. So demanding

<script language="javascript"> 
function submitandclearsearch() 
{ 
document.form1.submit();
document.form1.zoom_query.value = "";
} 
</script> 
<form name="form1" action="../Zoom_Search/search.asp" target="MainContentFrame">
<input type="text" name="zoom_query" size="13" value="" onkeydown="if (event.keyCode == 13) document.getElementById('zoomSearchButton').click();">
<input type="button" value="Search" id="zoomSearchButton" onclick="submitandclearsearch();">
</form>

Adjust to taste.