Two submit buttons, which one was pressed?

[actionwoman63]

Dear all

I need to be able to check which one out of two submit buttons within
the same form was pressed in a javascript function prior to form
submission. And before I get flamed for not finding the answer in
previous posts - I have already seen this question answered numerous
times in this forum, only problem is that the recommended method is
not available to me :-(. I know that if I could code an onclick event
on the <input type=submit> tag, then call a function which sets a
value corresponding to the button clicked, this would be a cinch, but
I can't as I am working with a templated system which automatically
generates the <input> tags.

Question to you guys, is there any other way of getting this info in
my javascript function?
Code (shortened)
----------------

<SCRIPT LANGUAGE="JavaScript1.1">

function verify(f)
{

Need to put code in here to check which of the two submit buttons was
pressed, as makes no sense to user to validate input when they press
the 'cancel order' button.

}
</SCRIPT>

<FORM onSubmit="return verify(this);" ACTION="somescript.exe"
METHOD=POST>

<INPUT TYPE=text NAME=delName VALUE="">
<TEXTAREA ROWS=4 COLS=32 NAME=delAddr></TEXTAREA>
<INPUT TYPE=text NAME=delTown VALUE="">

<INPUT NAME="op-basket-cancel_order" TYPE=submit VALUE="Cancel Order">
<INPUT NAME="op-basket-confirm_order" TYPE=submit VALUE="Go To
Checkout">

</FORM>

Grateful for any advice, or if anyone can spot a different workround
to solve my problem.

Actionwoman63

[Andrew Thompson]

On 23 Nov 2004 10:41:06 -0800, actionwoman63 wrote:

...And before I get flamed for not finding the answer in
previous posts - I have already seen this question answered numerous
times in this forum, ...
Intriguing you should say that, given this form of the script element..
<SCRIPT LANGUAGE="JavaScript1.1">
...has been also commented upon, many times in the posts of this forum.
Need to put code in here to check which of the two submit buttons was
pressed, .. .... <INPUT NAME="op-basket-cancel_order" TYPE=submit VALUE="Cancel Order">

getElementByName() might help you identify the originating button
in this case.

HTH

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

[Hywel Jenkins]

In article <1e**************************@posting.google.com >,
s.*****@justmail.me.uk says...

Dear all

I need to be able to check which one out of two submit buttons within
the same form was pressed in a javascript function prior to form
submission. And before I get flamed for not finding the answer in
previous posts - I have already seen this question answered numerous
times in this forum, only problem is that the recommended method is
not available to me :-(. I know that if I could code an onclick event
on the <input type=submit> tag, then call a function which sets a
value corresponding to the button clicked, this would be a cinch, but
I can't as I am working with a templated system which automatically
generates the <input> tags.

Question to you guys, is there any other way of getting this info in
my javascript function?
Code (shortened)
----------------

<SCRIPT LANGUAGE="JavaScript1.1">

function verify(f)
{

Need to put code in here to check which of the two submit buttons was
pressed, as makes no sense to user to validate input when they press
the 'cancel order' button.

}
</SCRIPT>

<FORM onSubmit="return verify(this);" ACTION="somescript.exe"
METHOD=POST>

<INPUT TYPE=text NAME=delName VALUE="">
<TEXTAREA ROWS=4 COLS=32 NAME=delAddr></TEXTAREA>
<INPUT TYPE=text NAME=delTown VALUE="">

<INPUT NAME="op-basket-cancel_order" TYPE=submit VALUE="Cancel Order">
<INPUT NAME="op-basket-confirm_order" TYPE=submit VALUE="Go To
Checkout">

</FORM>

Grateful for any advice, or if anyone can spot a different workround
to solve my problem.

Write code that listens to a specific event for a particular object:

<script for="op-basket-cancel_order" event="onclick"
type="text/javascript">
alert("You pressed op-basket-cancel_order");
</script>

<script for="op-basket-confirm_order" event="onclick"
type="text/javascript">
alert("You pressed op-basket-confirm_order");
</script>

<input type="button" name="op-basket-cancel_order" value="op-basket-
cancel_order">
<input type="button" name="op-basket-confirm_order" value="op-basket-
confirm_order">

--
Hywel

[Michael Winter]

On Tue, 23 Nov 2004 19:08:22 -0000, Hywel Jenkins
<hy**********@hotmail.com> wrote:

[snip]

Write code that listens to a specific event for a particular object:

<script for="op-basket-cancel_order" event="onclick"
type="text/javascript">
alert("You pressed op-basket-cancel_order");
</script>

<script for="op-basket-confirm_order" event="onclick"
type="text/javascript">
alert("You pressed op-basket-confirm_order");
</script>

Eww. Non-standard use of the SCRIPT element.

You could use

document.forms['formName/Id'].elements[
'op-basket-cancel_order'
].onclick = function(evt) {
/* Code here. */
};

document.forms['formName/Id'].elements[
'op-basket-conform_order'
].onclick = function(evt) {
/* Code here. */
};

added either onload (which could be added programatically, too), or in a
SCRIPT element placed after the elements. After the FORM's closing tag
might be safest.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Evertjan.]

actionwoman63 wrote on 23 nov 2004 in comp.lang.javascript:

<FORM onSubmit="return verify(this);" ACTION="somescript.exe"
METHOD=POST>

<INPUT TYPE=text NAME=delName VALUE="">
<TEXTAREA ROWS=4 COLS=32 NAME=delAddr></TEXTAREA>
<INPUT TYPE=text NAME=delTown VALUE="">

<INPUT NAME="op-basket-cancel_order" TYPE=submit VALUE="Cancel Order">
<INPUT NAME="op-basket-confirm_order" TYPE=submit VALUE="Go To
Checkout">

</FORM>

If you are not in for the other poster's
<script for="op-basket-cancel_order" coding,
try this:

=============================

<form onsubmit="alert(clicked);return clicked=='confirm'"
action="somescript.exe" method=post>

<input type=text name=delname value="">
<textarea rows=4 cols=32 name=deladdr></textarea>
<input type=text name=deltown value="">

<input name="op-basket-cancel_order" type=submit value="cancel order"
onclick="clicked='cancel'">
<input name="op-basket-confirm_order" type=submit
value="go to checkout"
onclick="clicked='confirm'">

</form>
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)