Image imput button

XXL · January 7th, 2005, 10:35 AM

Thx for the code Matt!
It works fine now!
THX AGAIN!

milk_vanilla · January 8th, 2005, 01:40 PM

hi guys
"<input type="image" value="search" src="img/go.gif" width="48" height="25" border="0" onclick="submitForm();" style="cursor:hand" name="search" align="absbottom">" ---> this code is image submit button, isnt it?
on above is written "onclick="submitform()",may i know the function code.. thx
cheers

mat41 · January 8th, 2005, 07:38 PM

;;;this code is image submit button, isnt it

Yes, one way of doing it.

;;;may i know the function code

Sure.
BTW: 'submitForm' was a random name, this can be called anything.
Thre are two things you could do:
1.. onClick="Javascript:formName.submit();"
Would submit the form to the destination indicated in the action property of the <form> tag (no actual function needed as submit() is a function).

2.. This is the option I use for several reasons. You may want to validate or based on certain values etc direct the user to a different location(s) to the page indicated in the <form> tag, pass certain queryStrings based on some JS prompts/answers etc...

Anyhow:
onClick="someJSFunctionName();"
Now in the head of your document:
<script>
   function someJSFunctionName(someVar)
   {
       //do validation, change action location or what ever here then:
       formName.submit();
   }
</script>

Wind is your friend
Matt

milk_vanilla · January 8th, 2005, 10:30 PM

hey matt, for example like this below
<head>
<script>
   function submitform()
   {
       //do validation, change action location or what ever here then:
       test.submit();
   }
</script></head>

<form action="test.asp" name="test" method="post"
<input type="image" value="search" src="img/go.gif" width="48" height="25" border="0" onclick="submitForm();" style="cursor:hand" name="search" align="absbottom">
</form>
is that right? plz made the correct ones.
btw u said "//do validation, change action location or what ever here then:"
so we can change action location beside at <form action="test.asp" ......> right?
how to write this code? thxx matt

mat41 · January 9th, 2005, 05:50 PM

;;;is that right?

Yes, looks good to me except for:
<form action="test.asp" name="test" method="post"
should be
<form action="test.asp" name="test" method="post">
If you were wanting to 'only submit the form' you would do it in line on the onClick event:
onClick="Javascript:test.submit();"

;;;so we can change action location

test.action = 'someOtherPage.asp?name=someValue';

Wind is your friend
Matt