[SOLVED] get colour from image click

[Dragen]

Hi,

I'm quite new to ajax and javascript. I'm not new to scripting though, just more fluent in php.

 

If I have an image, can I get ajax to do a check to see what colour in the image the user has clicked on?

For example; If I had the following image:

I want to be able to check what colour selection the user has made. I think I can check the click location against an array of variables for each colour (although I'm not quite sure how..), but I don't want to have to create a large array for each colour.

Instead I want to get the colour that is clicked, wherever it is, so that if the image is changed at some point, and the colours are moved, then it still works.

 

Sorry about the long explanation. Hopefully someone can help.

I wasn't sure if this was more ajax or javascript, so I've posted in both. Sorry if this is the wrong forum!

 

Thanks

[mrln68]

If the image will remain more or less the same (or be a limited number of images) you can just use simple image maps in order to assign the information.  Nothing difficult and it is lightweight.

 

There are a lot of javascript color pickers out there though that do it in a much more complicated and user side heavy manner.  Once they have done their job, you can then handle the variables however you want.

[Dragen]

Thanks for the reply!

I'd forgotten I had this topic here I solved the problem a couple of days ago using javascript to capture the x and y coordinats of the click and then passing it to php to open the image and get the pixel colour from the coordinates.

Very quick and simple solution and it means it works with any image no matter what shape, size or colour.