Close a window by clicking anywhere on the jpg image on that page
Hi
I have a 'popup' style page of restricted smaller size that opens nicely, what I need to figure out is how to have that page close when a user clicks on that page. The below onclick="self.close();" does not appear to work.
Code for the page:
<html>
<head >
<title>Things you should know</title>
<style type="text/css">
body {
overflow: hidden;
background-color: #000000;
}
</style>
#maincontainer
{
top:0px;
padding-top:0;
margin:auto; position:relative;
width:700px;
height:650px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#000000">
<div style="text-align: center;">id="maincontainer">
<img src="images/thingstonote.jpg" width="700" height="625" alt=""/> onclick="self.close();">
</div>
</body>
</html>
any help would be appreciated?
cheers
AdChoices