Problem with image buttons in javascript

Printable View

06-08-2011, 11:06 AM
ErkkiQazwiz

Problem with image buttons in javascript

So yeah, when I use the button without image

<FORM>
<INPUT type="button" value="lol" name="button1" style="z-index: 0; left: 105px; position: absolute; top: 310px" onClick="Continue() ">
</FORM>

It works just as it is supposed to, but when i do the same thing with an image
button

<FORM>
<INPUT type="image" src="Files/ContinueButton.png" name="button1" style="z-index: 0; left: 105px; position: absolute; top: 310px" onClick="Continue() ">
</FORM>

it refreshes the page after doing the Continue() function.
How can i make a simple button with an image that will execute Continue()
when clicked without refresh?
06-08-2011, 06:54 PM
JMRKER

For starters, add this to your <form> tag.
<form name="myForm" action="" method="post" onsubmit="return false">

Here is an example with a dummy "Continue()" function:

Code:

<!DOCTYPE HTML> <html> <head> <title> Untitled </title> <script type="text/javascript"> function Continue() { alert('Continue'); } </script> </head> <body> <form name="myForm" action="" method="post" onsubmit="return false"> <INPUT type="button" value="lol" name="button1" style="z-index: 0; left: 105px; position: absolute; top: 110px" onClick="Continue() "> <INPUT type="image" src="http://www.nova.edu/~rumsey/snoopy.gif" name="button1" style="z-index: 0; left: 105px; position: absolute; top: 210px" onClick="Continue() "> </form> </body> </html>

You don't show what Continue() does.

If you need to validate something before submission of the form information, change to:

Code:

// in HEAD <script> section function validate() { // some validation leading to "valid" variable being set to true or false var valid = false; if (valid) { return true; } else { return false; } } // ... // in BODY section <form name="myForm" action="" method="post" onsubmit="return validate()">
06-09-2011, 01:49 AM
ErkkiQazwiz

Thanks! It works fine now after i added the
<form name="myForm" action="" method="post" onsubmit="return false">

:D
06-09-2011, 09:11 AM
JMRKER

You're most welcome.
Happy to help.
Good Luck!
:)