Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies



6:07 pm on Dec 30, 2000 (gmt 0)



I have a form that I created to be used as a search box. It will query my DB of items for sale via a description cell. It is a pretty easy form:

<!---Begin search box--->
<form method="POST" action="../search_result.asp" onSubmit="">
<p align="center">
<input border="0"
src="images/searchl.gif" name="Search Our Products" type="image" alt="Click To Search" width="61" height="20" ><br>
<input type="text" name="DESCRIPTION" size="12"></form>
<!---End if search box--->

I would like the image to have a mouse over effect (using two images). Is this possible? I can not seem to figure this out.

Example page is here [goldenwebjewelers.com]. The top search box is untouched. the bottom one is my mutilated last attempt ;).

Just FYI, this page is a new theme set I am setting up and has a lot of buttons on it. It takes around 27 seconds on a 28.8k modem so beware :).




9:27 pm on Dec 30, 2000 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

As far as I know this can work, but right now you have two different spots where you've named the image "a". JavaScript requires unique names if it's not going to get confused.


2:05 pm on Dec 31, 2000 (gmt 0)


Thanks Tedster. I renamed the "a" duplicate name and also renamed the form (two of the same name on the same page). It still not producing the mouse over.

Thank you,



2:22 pm on Dec 31, 2000 (gmt 0)

WebmasterWorld Senior Member nffc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

I think you need to move away from using input src and try something like this;

<a href="javascript:document.yourformsname.submit()"><img src="yourimage.gif" width="100" height="50"></a>

then you should be able to apply your image swap routine.


Featured Threads

Hot Threads This Week

Hot Threads This Month