Java Script Inside a Form?

Is it possible?

I have a form for my shopping cart/PayPal. It reads as follows:

<FORM METHOD=”POST” ACTION=”/cgi-healin-hollers/basket”>
<INPUT TYPE=”HIDDEN” NAME=”command” VALUE=”enter”>
<INPUT TYPE=”HIDDEN” NAME=”merchant” VALUE=”healinhollers”>
<INPUT TYPE=”HIDDEN” NAME=”item” VALUE=”101″>
<INPUT TYPE=”image” SRC =”http://www.healin-hollers.com/images/addtocartbutton-t.gif”name=”Add To Order” width=”85″ height=”20″>
</FORM>

I am wanting to change the static “addtocartbutton-t.gif” with an Image Flip. The body code for that is:

<A HREF=”/cgi-healin-hollers/basket” onMouseOver=”SwapOut()” onMouseOut=”SwapBack()”>
<IMG NAME=”imageflip” SRC=”/images/showbutton.gif” WIDTH=85 HEIGHT=20 BORDER=0></A>

The Heading code is:

<SCRIPT LANGUAGE=”JavaScript”>
<!– hide from none JavaScript Browsers

Image1= new Image(85,20)
Image1.src = “images/showbutton.gif”
Image2 = new Image(85,20)
Image2.src = “images/addtocartbutton.gif”

function SwapOut() {
document.imageflip.src = Image2.src; return true;
}

function SwapBack() {
document.imageflip.src = Image1.src; return true;
}

// – stop hiding –>
</SCRIPT>

When I do this outside of the form, it works fine.

When I try to put the body code it into the form, substituting it for the old static gif, it all goes south.

Any help will be appreciated.
Reply With Quote

Also in #JavaScript _↴