How do I do this?

[bigimaginations]

I know very little about JavaScript, so I would like someone to point me in the right direction so I can go research what I need to do and figure it out. Right now I am just walking around in the dark.

On this site: http://kittenwar.com you click on a picture to vote for it. I understand how to do that, what I want to figure out is how the picture that doesn't get clicked gets a losing vote.

So, no matter which picture gets clicked, they both get votes...one winner and one looser.

I am Rails guy, so I understand how to setup the database and everything else, I just don't know where to start with the JavaScript. Thanks.

[jimfraser]

how the picture that doesn't get clicked gets a losing vote

This example uses inline javascript to keep it short and sweet.

<form>
<input type="hidden" name="kitten1" value="loser">
<input type="hidden" name="kitten2" value="loser">
<input type="image" src="kitten1.jpg" onclick="this.form.kitten1.value='winner'">
<input type="image" src="kitten2.jpg" onclick="this.form.kitten2.value='winner'">
</form>

one tighter and one looser

fixed

[trib4lmaniac]

This example uses inline javascript to keep it short and sweet.

<form>
<input type="hidden" name="kitten1" value="loser">
<input type="hidden" name="kitten2" value="loser">
<input type="image" src="kitten1.jpg" onclick="this.form.kitten1.value='winner'">
<input type="image" src="kitten2.jpg" onclick="this.form.kitten2.value='winner'">
</form>

fixed

If a client has JavaScript disabled both kittens will be losers. Assuming the form gets submitted anyway that is.

[Pepejeria]

Wouldn't it be easier to just set the name of the winner in a hidden field? Then you know that all the other ones are losers and you can withdraw a point from them.

[Pepejeria]

Oh, its only two kittens I see now.

No hidden field is necessary, just use 2 inputs of type image and give each input a name that will be submitted.

This solution would also make all the scared people surfing with JavaScript off happy.

[jimfraser]

Well, if the kittens were chosen at random from a database (likely) then the server page wouldn't necessarily know which two they were, so you'd need 2 inputs submitted.

[Pepejeria]

Well, then simply set the ID of that kitten as a value on the input type image.