BounceFish 

Website Solutions
Search
      home solutions clients resources faqs contact us  
  See our portfolio under the solutions section.

Resources - For Developers

Back to Resources For Developers Homepage

========COPY CODE BELOW TO USE A FORM SUBMITTING IMAGE======
<FORM name="myform1" method="post" class="bod" action="mailto:no@where.com?SUBJECT=Test" enctype="text/plain">
<DIV ALIGN="CENTER">The source behind this button <B>submits the form</B>.<BR>
<INPUT NAME=Submit TYPE=image id="Submit" ACCESSKEY=g SRC="images/submit_button.gif" ALT="Submit" border=0>
</DIV>
</FORM>

========COPY CODE ABOVE TO USE A FORM SUBMITTING IMAGE======

========COPY CODE BELOW TO USE A FUNCTION CALLING IMAGE======
<SCRIPT LANGUAGE="JavaScript">
function test() {
window.alert("See it works!")
}
</script>
<FORM NAME="myform2">
<DIV ALIGN="CENTER">The source behind this button <B>calls a function</B>.<BR>
<A HREF="#" onClick="test()"><IMG SRC="images/submit_button.gif" alt="Submit" BORDER="0"></A> </DIV>
</FORM>
========COPY CODE ABOVE TO USE A FUNCTION CALLING IMAGE======

========COPY CODE BELOW TO USE A RESET FORM IMAGE======
<FORM name="myform3">
<DIV align="center">The source behind this button resets the form<BR>
<INPUT type="text">
<INPUT NAME=Reset TYPE=image id="Reset" ACCESSKEY=g SRC="images/reset_button.gif" ALT="Reset" border=0>
<BR>
Just type in text and hit 'reset'.</DIV>
</FORM>

========COPY CODE ABOVE TO USE A GRAPHIC RESET FORM IMAGE======

    INSTRUCTIONS
  • Paste any of the code inside body <BODY></BODY> of HTML page
  • You can make any changes to the form tags you need , or place the form buttons inside your pre-existing form.
  • Just remember to change the form names and references accordingly

    DESCRIPTION
  • This lets you have images for form buttons, instead of the standard windows buttons

 

Copyright © 2003-2012. BounceFish Web Design. All rights reserved.