Jump to content

Counters and Image maps


NickBeier

Recommended Posts


I am trying to create a button that does what Cookie Clicker does and simple adds to a counter. The button is going to be an image and I have no idea what I am doing with it. I got this much from a youtube video but even this will not add to the counter and I do not know how to connect it to an image map. Thank you.


 




<!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>
<style type="text/css">#Map {
}
</style></head>

<body>
<p>Your Petals:</p>
<p id="Petals">0</p>
<button onclick="Clicker()">Clicker</button>
<img src="../../../Library/Application Support/Apple/iChat Icons/Flowers/African Daisy.gif" width="117" height="113" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1,1,116,109" href="#" alt="Clicker" />
</map>
</body>
<script>

function Click()
{
var newValue = parseInt(document.getElementbyId("Petals").innerHTML) + 1;
parseInt(document.getElementbyId("Petals").innerHTML) = "newValue";
}

</script>
</html>
Link to comment
Share on other sites

Add  onClick="Click()"  to the <area> tag

 <area shape="rect" coords="1,1,116,109" href="#" alt="Clicker" onclick="Click()" />

The Click() function can be written as

function Click()
{
	var petals = document.getElementById("Petals");
	petals.innerHTML = parseInt(petals.innerHTML) + 1;
}
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.