get value if image clicked javascript php

I have two groups of images (animals, and clothes).  When the image is clicked I want to get the value.    Eg. $animal = 2 (this mean that the dog image was clicked)

So after clicking I might have $animal = 2  $clothes = 1

<img src="images/cat.png" width="49" height="50" value="1"/><img src="images/dog.png" alt="" width="49" height="50" value="2" /><img src="images/cow.png" alt="" width="49" height="50" value="3" />
<img src="images/horse.png" alt="" width="49" height="50" value="4"/>

<img src="images/jumper.png" alt="" width="49" height="50" value ="1"/>
<img src="images/dress.png" alt="" width="49" height="50" value="2" />
<img src="images/jacket.png" alt="" width="49" height="50" value="3" />
LVL 1
debbieau1Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Ali KayahanConnect With a Mentor Full Stack DeveloperCommented:
Debbie if you just copy and paste http://85.159.69.158/mail/jq.js in your address bar you can download it .

Yes saving jq.js as external file would be better .
0
 
Ali KayahanFull Stack DeveloperCommented:
Here is your html ;

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://85.159.69.158/mail/jq.js"></script>
<script>
	var animal ;
	var clothes ;
	function submitMe(){
		$.post('myphpfile.php',{animal : animal,clothes : clothes},function(reply){
				alert(reply);
		});	
	}
</script>
</head>

<body>
<img src="images/cat.png" width="49" height="50" value="1" onclick="animal = 1" />
<img src="images/dog.png" alt="" width="49" height="50" value="2" onclick="animal = 2" />
<img src="images/cow.png" alt="" width="49" height="50" value="3" onclick="animal = 3" />
<img src="images/horse.png" alt="" width="49" height="50" value="4"  onclick="animal = 4" />

<img src="images/jumper.png" alt="" width="49" height="50" value ="1"  onclick="clothes = 1" />
<img src="images/dress.png" alt="" width="49" height="50" value="2"  onclick="clothes = 2"  />
<img src="images/jacket.png" alt="" width="49" height="50" value="3" onclick="clothes = 3"/>
<input type="button" onclick="submitMe()" value="Sumit Me" />
</body>
</html>

Open in new window


Here is your myphpfile.php ;

 
<?php
	extract($_POST);
	echo $clothes."<br />" ;
	echo $animal ;
?>

Open in new window

0
 
boraganeshConnect With a Mentor Commented:
for each img tag add onclick event function callMe and pass the value which you would like to get as follows

onclick=callMe("")

<img src="images/jumper.png" alt="" width="49" height="50" value ="1" onclick="callme('1')"/>
<img src="images/dress.png" alt="" width="49" height="50" value="2" onclick="callme('2')"/>
<img src="images/jacket.png" alt="" width="49" height="50" value="3" onclick="callme('3')"/>


writre javascript function
callMe(imgvalue){
//code which you want for these images....

}
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
Ali KayahanFull Stack DeveloperCommented:
As i understand he needs both values at the same time

So after clicking I might have $animal = 2  $clothes = 1

So using a kind of submit would be better instead of submitting onclick
0
 
debbieau1Author Commented:
Thanks for responses.  Ali I can't seem to get yours to work.  I added a form but it still doesnt work
0
 
Ali KayahanFull Stack DeveloperCommented:
debbie ; My answer works well for me locally , is there a link to your site ?
0
 
debbieau1Author Commented:
Very for sorry for delay, missed your reply.  I was trying to test locally.  Do you have the code that is in the jq.js file?

Also does it need to save it to an external file Ali?
0
 
debbieau1Author Commented:
Thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.