Click Here for FREE Web Hosting!

Home >> Forms >> Rollover Submit Image

Rollover Submit Image: Other Settings

Image as a Reset Button

Rollover Submit Image: Several On One Page

For example, the following code creates two forms and a rollover submit for each. In the first form we name the submitroll variable is named sr and it creates an image named mysubmit. In the second form the variable is called sr2 and creates an image named mysubmit2.

<!-- FORM 1 BEGIN -->
<FORM ACTION="../cgi-bin/mycgi.pl">
search words: <INPUT NAME="searchwords">

<SCRIPT TYPE="text/javascript">
<!--
var sr = new submitroll("go2.gif","go2.over.gif","mysubmit");
sr.otheratts="ALIGN=TOP";
sr.write();
//-->
</SCRIPT>

<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>
</FORM>
<!-- FORM 1 END -->


<!-- FORM 2 BEGIN -->
<FORM ACTION="../cgi-bin/mycgi.pl" METHOD=POST>
Send Feedback<BR>
<TEXTAREA NAME="feedback" COLS=40 ROWS=4></TEXTAREA><BR>

<SCRIPT TYPE="text/javascript">
<!--
var sr2 = new submitroll("go2.gif","go2.over.gif","mysubmit2");
sr2.write();
//-->
</SCRIPT>

<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>

</FORM>
<!-- FORM 2 END -->

Rollover Submit Image: Other Settings

Image as a Reset Button