Idocs Guide to HTML

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

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.