Event handling??

[Anon]

If I have two buttons on a form and I want to pick up when a user clicks on one of them and increment a counter accordingly, how could I do this? ie: using a type hidden and calling a function to implement count or could I increment directly? As in when user clicks next button increment counter by one and send new count to database. Any suggestions?

Thanks,
Marcel.

[Anon]

Hey Marcel,

If you use images for your submit buttons like so:

<form action="myForm.php" method=post>
<!-- other form elements here -->

<INPUT TYPE = "image" SRC = "/images/submit1.gif" NAME="submit1" VALUE="Submit One" BORDER = "0">

<INPUT TYPE = "image" SRC = "/images/submit2.gif" NAME="submit2" VALUE="Submit Two" BORDER = "0">
</form>

Then you can check the values of the variables "x" or "y" (these variables return the image pixel offsets where the image was clicked) to see which submit image was pressed:

<?php

if (!empty(submit1_x)) {
// do whatever
}

if (!empty(submit2_x)) {
// do whatever
}

?>

"_y" works equally well in the above examples.

Hope This Helps

-- Rich Rijnders
-- Irvine, CA U.S.

[Anon]

Aaaaaahhhh EXCELLENT! Thank you very much. Using javascript for any solution, always seems to bring on more problems. This is a definate 'fix'. Beautiful.

Marcel.

[Anon]

Another method is to use arrays to pass values thru an image input type. For example:

<input type=image src="whatever" name=varname[value1][value2] border=0>

When clicked on would yield an array variable called $varname and you can use array_keys to extract out the values of item 1 and item 2.

I use this primarily when I have a list of items and I want to use a image "button" to provide a personalized action with each item.

Unlike using a submit button, you can't assign a value to an input type=image. (or at least, I don't know how - if you do, LET ME KNOW)

[Anon]

Thanks for the tip Benjamin. And I believe you're correct, there is no way of assigning a value to an input type=image. Believe me I tried 🙂.

Marcel.

[Anon]

hi,
u can put one event handler in each of those submit images as follows
dont use <input type=image ......> tag as it won't work in netscape
use the following
<a href="javascript:eventHandleingFuntion();" > <img src="urimage"> </a>
this will work in both ie and nn
tell me the result
Mohan