Hi everyone,
Im trying to create a spot the difference game for our website to try and raise some money for charity.
The idea is that those who want to play will first select the number of tickets they want to purchase, and pay for those through Paypal.
Once payment is confirmed they are directed to a page that has the correct number of spot the difference game on it relating to the number of tickets they bought.
Once they find and click the difference I have a code which will generate a 10 digit random number. This number is then entered into a text box below the image to show they have completed that game.
After they have finished all of their games they would click submit and the 10 digit random codes will be submitted to our database along with their email address.
At the end of the month one of the random codes will be chosen as our winner.
Unfortunately have been told that if i want to do this then it has to be my own creation and not come out of works IT budget. So basically I'm on a crash course to learning this and appreciate all the help I can get.
I have got the code to generate the random number. And can manage to create the relevant database and queries for that.
I have used image maps to create a hotspot for the user to click. The first thing I am struggling with is how do I make it so the image map can only be clicked once.
Below is the code for the image map;
<area shape="rect" coords="297,82,318,95" nohref onClick="randomString(); this.disabled=true" alt="Submit request" >
this then fills in a random number in a form text box i have below the image
<form name="randform" id="randform">
Your ticket number will be
<input name="randomfield" type="text" disabled="disabled" value="" readonly="readonly">
</form>
at present the image can be clicked multiple times and the number changes each time.
Thanks for any help.
