JavaScript Forum

**silverglade** · 08-05-2010, 08:07 AM

hi, I've looked all over the net for solutions and none of the Javascript code snippets they said to add to the image map worked. I am trying to have an image map submit an empty form , and then I check if POSTED with PHP, and if it is posted, I output to the page, "cool it worked". Eventually this is going to be used to change images within a div when the user clicks on an image map it will change to the next image, linked image maps within a div. Not sure if that makes sense. Lol. Ok thanks, any help greatly appreciated. Derek

I tried this so far.

Code:

<?php
if(!empty($_POST['mapform']))
{
   echo "it worked!";
   
}




?>

<!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>
</head>

<body>
 
<form action='aradia.php' method='post' name='mapform'>
  
<img src="aradia.jpg" width="256" height="328" border="0" usemap="#Map" />
<map  name="Map" id="Map"><area shape="rect" coords="5,176,81,249"  href="javascript:;" onClick="document.mapform.submit()"
 /></map>



</form>

</body>
</html>

**silverglade** · 08-05-2010, 10:34 AM

HAHA I GOT IT!! AND IT WORKS. MUHAHAHAH. here is the code someone helped me.

Code:

<?php
if(isset($_POST['checker']) && $_POST['checker'] == 'checked')
{
   echo "it worked !";
   
}



?>

<!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>
</head>

<body>
<form action="aradia.php" method="post" name="mapform" id="mapform">
<input type="hidden" name="checker" value="checked" />
   <img src="aradia.jpg" width="256" height="328" border="0" usemap="#Map" />
</form>

<map name="Map" id="Map">
   <area shape="rect" coords="5,176,81,249" href="javascript: void(0);" onclick="javascript: document.getElementById('mapform').submit();" />
</map>

</body>
</html>