input type = image

Gordon · 11-11-2009 12:00am #1

I'm trying to figure out why one of my little websites isn't working on certain browsers/OSs. I think it's Vista that it's not working on, but I can replicate it on Lynx text browser.

It's just an image submit (there's a few image submits) that passes variables to another php file.

<html>
<body>

<form action="process.php" method="post"> 
<input type="image" name="vote" src="image.gif" value="vote" />
</form>

</body>
</html>

(process.php)

<html>
<body>

<?php
$vote = $_POST['vote'];
echo "Vote = " . $vote;
?>

</body>
</html>

Normal circumstances this should output 'Vote = Vote' but in Lynx it doesn't because it doesn't seem to pass the variable through the POST, if that makes any sense. Normally I'd consider the fact that you can't use the image input like this, but it works ok on Firefox Mac, and Safari.

Any ideas?

Eoin · 11-11-2009 1:20pm

So the page is submitting, but the value of the image isn't being passed through?

I remember years ago having to do Request.Form("imgSubmit.x") in ASP, but I can't quite remember what the problem was - it might have been something similar. If you're stuck, you could also try using a normal input button, but using CSS to set the background image.

Gordon · 11-11-2009 7:48pm

eoin wrote: »

So the page is submitting, but the value of the image isn't being passed through?

Aye

I remember years ago having to do Request.Form("imgSubmit.x") in ASP, but I can't quite remember what the problem was - it might have been something similar. If you're stuck, you could also try using a normal input button, but using CSS to set the background image.

I read somewhere about images using two values but I didn't understand it, I'll look into that again properly, ta. I remember dabbling with input buttons and not being able to use css well with the bg image, but maybe I'm just losing it. Will do!

Eoin · 11-11-2009 9:42pm

Maybe it's to do with the xy coordinates of where the image was clicked, I'm not too sure.

Gordon · 11-11-2009 10:24pm

Looked into it more and apparently browsers will post the value of an image input along with onclick x and y coordinates. But IE just sends x and y coordinates of the onclick.

/shakes fist at IE again

Eoin · 12-11-2009 11:35am

Gordon wrote: »

Looked into it more and apparently browsers will post the value of an image input along with onclick x and y coordinates. But IE just sends x and y coordinates of the onclick.

/shakes fist at IE again

That's a bit of a pain, but I suppose once you name each image input differently, you don't really need a value.

Gordon · 13-11-2009 1:29am

Yeah, that was a bit of a pain, but some good learning to be had! Cheers for the look in. Can you do me a favour if you are on IE and give the cakey link in my sig a couple of clicks and see if the votes cast ok for you? It's working in IE (hopefully) and lynx now which is cool, I didn't think lynx would like image inputs.

Eoin · 13-11-2009 1:58am

Yeah, they all seemed to work fine in IE8. I will test in earlier versions tomorrow.

Gordon · 13-11-2009 9:50am

No probs, I'm sure it works fine. Cheers for that eoin!

Eoin · 13-11-2009 11:50am

Gordon wrote: »

No probs, I'm sure it works fine. Cheers for that eoin!

Just tested it in a program that renders IE 5.5, 6, 7 and 8 and they all seem fine.

input type = image

Comments