Multiple image buttons in a single form

Anon

I need to use several image buttons in one form, like:
<form method= post action=index.php>
<input= image name=b1 src=....>
<input= image name=b2 src=....>
</form>

But, in index.php, when I try to find out which button was pressed using the variables $b1 and $b2 , it doesn't work.

I know this works with submit buttons, but it doesn't work with images buttons.
Anyone knows how to do this?

Thanks!

Anon

-- use the variable "whichone" on the following page to determine which is clicked.

Anon

you could also do it this way:

This avoids the javascript. But you need multiple forms. Not a good solution if you need information in addition to the button click.

Anon

Hey Betania....
Have a MUCH better solution...had the same problem myself, but came up with this.

In HTML when you have a tag like <input type=image name=b1...> when you press the button it sends as part of the form these two variables: b1.x & b1.y These refer to the X,Y coordinates of the image. So you can check these with php...for example I set on my page:

if($b1_x) { then do stuff}
elseif($b2_x) { do stuff}
elseif($b2_x) { do stuff}

It's important to remember that any variable recieved by php that has a . in it, php translate to a _ which is why b1.x(html) = b1_x(php).

Hope this helps, if not you can yell at me later!!

Anon

BTW, pug and I found this solution while looking up HTML information at http://www.idocs.com/tags . This site seems to be fairly in depth on the details of how the different HTML elements work. It might be a good place to start when you are encountering problems working with PHP and HTML.

Khomar

cyburdine

Thank you so much for this... VERY USEFUL!

There is a typo in the above example. the "type" tag was left out... it should read:

-cyb

Anon

It looks good! Im going to try it! If it works your on my christmas card list.

cheers

Glenn

Anon

Sorry guys , just testig

Anon

here's another way without using "_x"

in the PHP to process form:

if (isset($HTTP_POST_VARS['array']) || isset($HTTP_GET_VARS['array'])) {
doSomething();
}

in the <form>:

mikehummel

Following that last post, this will work:

HTML:
<form>
<input type="image" src="dir/img" name=Array1[]>
<input type="image" src="dir/img" name=Array2[]>
</form>

PHP:
if ($Array1)
xxx

if ($Array2)
yyy

This code is tested and works.

-mh

ross23

I'm having the same problem but did find that mikehummel's solution was the simplest and most effective. But i found that if i use the same code but rather than specifying the array name i replace...

if ($array1) { echo "Button 1 was pressed"; }

with...

if ($array.$x) { echo "Button $x was pressed"; }

the condition is always true. Basically, i'm trying to setup some code that will generate a number of image buttons of which the number will be specified by the user. So if the user enters 21, 21 image buttons will be generated with my code. This works fine, but when trying to detect which button has been clicked on i find that i can only do this with mikehummel's code but as i wont know how many buttons will be on the page, i am trying to use a variable '$x' to loop through all of the buttons.

I am very new to PHP so i appologise for my ignorance. Hope the above makes sense!

ross23

Oh sorry, i should have said, any help with this will be appreciated!

Thanks