Rollover Submit Image: Several On One Page

The rollover submit image technique allows you to put more than one rollover image on the page. All you need to do is use a different variable name and image name for each rollover.

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 -->

search words:

Send Feedback