Problem with Javascript submit

[Rabel]

I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton_ r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton_ r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton_ r2_c2.jpg'"
onClick="JavaSc ript:document.f orms[0].submit()">

That works but the problem is before I was using a <input
type="submit"an d this did the validation I set up like this

onSubmit="WAVal idateAN(documen t.checkout_AN_L oc.x_first_name ,document.check out_AN_Loc.x_fi rst_name.value, '-
Invalid character in first
name',true,true ,false,true,'', document.checko ut_AN_Loc.x_fir st_name,
0,true);">

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this. I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.
Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

[Ed Jay]

Rabel scribed:

>I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton _r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton _r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton _r2_c2.jpg'"
onClick="JavaS cript:document. forms[0].submit()">

That works but the problem is before I was using a <input
type="submit"a nd this did the validation I set up like this

onSubmit="WAVa lidateAN(docume nt.checkout_AN_ Loc.x_first_nam e,document.chec kout_AN_Loc.x_f irst_name.value ,'-
Invalid character in first
name',true,tru e,false,true,'' ,document.check out_AN_Loc.x_fi rst_name,
0,true);">

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this. I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.
Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

I'm a js newbie as well, but my experience is that when using
"document.f orms[0].submit()" in a js, it doesn't effect the onSubmit
directive. It doesn't appear to me that the js directive replaces the submit
button, but merely submits the form according to the action directive.

My workaround has been to write a small js that submits the form for
validation and if it validates, submit it.
--
Ed Jay (remove 'M' to respond by email)

[Rabel]

On Apr 5, 1:42 pm, Ed Jay <[e-mail]:

Rabel scribed:

I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton_ r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton_ r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton_ r2_c2.jpg'"
onClick="JavaSc ript:document.f orms[0].submit()">

That works but the problem is before I was using a <input
type="submit"an d this did the validation I set up like this

onSubmit="WAVal idateAN(documen t.checkout_AN_L oc.x_first_name ,document.chec* kout_AN_Loc.x_f irst_name.value ,'-
Invalid character in first
name',true,true ,false,true,'', document.checko ut_AN_Loc.x_fir st_name,
0,true);">

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this. I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.
Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

I'm a js newbie as well, but my experience is that when using
"document.f orms[0].submit()" in a js, it doesn't effect the onSubmit
directive. It doesn't appear to me that the js directive replaces the submit
button, but merely submits the form according to the action directive.

My workaround has been to write a small js that submits the form for
validation and if it validates, submit it.
--
Ed Jay (remove 'M' to respond by email)- Hide quoted text -

- Show quoted text -

Thanks Ed - so could I then just move the code to the "submit" button
then

[brunascle]

On Apr 5, 1:21 pm, "Rabel" <R...@Creativen ess.comwrote:

I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton_ r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton_ r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton_ r2_c2.jpg'"
onClick="JavaSc ript:document.f orms[0].submit()">

That works but the problem is before I was using a <input
type="submit"an d this did the validation I set up like this

onSubmit="WAVal idateAN(documen t.checkout_AN_L oc.x_first_name ,document.check out_AN_Loc.x_fi rst_name.value, '-
Invalid character in first
name',true,true ,false,true,'', document.checko ut_AN_Loc.x_fir st_name,
0,true);">

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this. I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.
Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

the "proper" way to use an image as the submit button is to use a tag
like this:

<input type="image" src="imagesButt ons/purchaseButton_ r2_c2.jpg" />

Put that in the form and it should act the way you want it to, and
that should also make your onSubmit code run when it's supposed to.
You should also be able to put the same onMouseOver and onMouseOut
codes into that tag.

And, yes, when you call something like form.submit() in the
javascript, the onSubmit code that you put in the form tag will
(should?) not run.

[Evertjan.]

Rabel wrote on 05 apr 2007 in comp.lang.javas cript:

I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton_ r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton_ r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton_ r2_c2.jpg'"
onClick="JavaSc ript:document.f orms[0].submit()">

with onclick do not use the javascript: part, [unless you also use
clientside vbscript on the same page].

If th <imgis in the form, use:

onClick='this.f orm.submit()'

That works but the problem is before I was using a <input
type="submit"an d this did the validation I set up like this
onSubmit="WAVal idateAN(documen t.checkout_AN_L oc.x_first_name ,document.c
heckout_AN_Loc. x_first_name.va lue,'- Invalid character in first
name',true,true ,false,true,'', document.checko ut_AN_Loc.x_fir st_name,
0,true);">

Oh, that is a string I cannot possibly fathom, keep your questions simple
please.

onsubmit='' belongs in the <formelement and NOT in an <input/submit
where you should use onclick=''.

If you put the onsubmit='' in the form element, it will fire BOTH with a
submit buttom AND with a javascript submit.

However you could, in stead of a <img also use a
<input type='image' for regular submission.

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this.

Either it works, or it does not, meseems?

I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.

See above.

Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

Learn to use CSS.

Perhaps you should first study the beginnings of html-forms, javascript
and css, examples and tutorials are all over the web. Google is your
friend.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Rabel]

On Apr 5, 2:17 pm, brunas...@gmail .com wrote:

On Apr 5, 1:21 pm, "Rabel" <R...@Creativen ess.comwrote:

I am a flash designer so I dont know a whole lot about the javascript
submit buttons (I may not even be describing it right sorry) but here
is the code I am using.

<IMG name="Checkout" value="Checkout " SRC="imagesButt ons/
purchaseButton_ r2_c2.jpg" onMouseOver="th is.src = 'imagesButtons/
purchaseButton_ r2_c2_f2.jpg'" onMouseOut="thi s.src = 'imagesButtons/
purchaseButton_ r2_c2.jpg'"
onClick="JavaSc ript:document.f orms[0].submit()">

That works but the problem is before I was using a <input
type="submit"an d this did the validation I set up like this

onSubmit="WAVal idateAN(documen t.checkout_AN_L oc.x_first_name ,document..chec k*out_AN_Loc.x_ first_name.valu e,'-
Invalid character in first
name',true,true ,false,true,'', document.checko ut_AN_Loc.x_fir st_name,
0,true);">

Now there is a whole lot of text I cut out so if the code is a little
off dont worry - it works fine, but I dont know how to make it call
this. I thought since that I have told the form to submit and the form
is told that on submit do the validation - any help is apprieciated.
Also with the button there is no mouse change (to rollover mouse
state) any idea how I change that.

the "proper" way to use an image as the submit button is to use a tag
like this:

<input type="image" src="imagesButt ons/purchaseButton_ r2_c2.jpg" />

Put that in the form and it should act the way you want it to, and
that should also make your onSubmit code run when it's supposed to.
You should also be able to put the same onMouseOver and onMouseOut
codes into that tag.

And, yes, when you call something like form.submit() in the
javascript, the onSubmit code that you put in the form tag will
(should?) not run.- Hide quoted text -

- Show quoted text -

Thanks brunas that works - thanks for the help