Form buttons

[Northern Monkey]

So here I am with a great functional website that looks like a dog.

I have 3 buttons in a form:

<input type="submit" name="submit" value="Edit">
<input type="submit" name="submit" value="Preview">
<input type="submit" name="submit" value="SendPreview">

When the form is submitted the page changes depending on the value of $_POST['submit']. Now I want the buttons to be nice flashy jpg's but I can't seem to get the values working! I have tried:

<input type="submit" name="submit" value="Edit" src="image.jpg"> - Doesn't work

<Button name="submit" style="color:#009 border:none background:#000 url('image.jpg') no-repeat"></button> - Nice picture but no value returned


Any ideas what I'm doing wrong?

NM.

[Ste]

Change the input type="submit" to image in the tag so you are left with:

<name="submit" type="image" src="image.jpg">

which will work!

[Northern Monkey]

Have tried that little sucker before and it won't display the image. Also don't forget there are 3 buttons with the same name and you didn't have value="". So I assumed you missed it?

NM.

[Ste]

<name="submit" type="image" src="image.jpg" value=”Edit”>

I did miss out the value and I presume you have replaced image.jpg with the actual path to the images you want as the buttons!

As it is just above standard code to use an image instead of a button.

[Northern Monkey]

Hi Ste,

Yep tried that and it doesn't show the image at all. Actual code I have is:

<name="submit" type="image" src="images/Edit.jpg" value="Edit">

The image exists and is available as I've tested the path with <IMG SRC="...">. Any other ideas. I'm running in IE using Apache as my server so all should be ok.

NM.

[drivetowin]

I don't think you can set value for an image field in a form - if you want to have three buttons and pass a value you have to use the default form buttons (afaik)

[Northern Monkey]

Damn just found the answer in an old post I did. Here's the solution (thanks to Top Hat and Morley Mouse for original answers):

First create the button like Ste said:

<input type="image" name="submit" src="./images/Edit.jpg">

When the form is submitted the value of submit will be empty but submit_x and submit_y will be populated with where in the button you clicked so I changed the code to this:

<input type="image" name="Sub_Edit" src="./images/Edit.jpg">
<input type="image" name="Sub_Preview" src="./images/Preview.jpg">
<input type="image" name="Sub_Send" src="./images/Send.jpg">

Then at the start of the form I did:

if (isset($_POST['Sub_Edit_x) OR isset($_POST['Sub_Preview_x) OR isset($_POST['Sub_Send_x)) {
Then check which one is set and respond
}