Forums
This topic is locked
closing div script doesn't work on Firefox
Posted 17 Jan 2007 20:47:05
1
has voted
17 Jan 2007 20:47:05 Javier Castro posted:
Can anyone help, please. I have this script that closes a floating div. IE doesn't have a problem with it but Firefox doesn't like it. It gives an error saying the Obj has no properties. can anyone check it out , thanks.The code is like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#divRight {
float: right;
width: 200px;
background-color: #CCCCCC;
padding: 2px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#divleft {
float: none;
background-color: #FFCC00;
padding: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
clear: both;
}
-->
</style>
<script type="text/javascript">
function checkClick(e) {
var obj = e.srcElement;
if (obj.id != "divRight"
document.getElementById('divRight').style.display = 'none';
}
</script>
</head>
<body onClick="checkClick(event)">
<div id="divShell">
<div id="divleft">
<div id="divRight" >
<p>Aliquam nonummy ligula sed ante. Vestibulum ut mi. Donec nec ante quis leo bibendum faucibus. Nulla facilisi. Vivamus scelerisque, ipsum in tincidunt iaculis, magna dui fermentum tortor, a rhoncus metus nisl a nisi. Aenean convallis risus. Aliquam in metus. Phasellus tincidunt auctor tortor. Quisque ut dolor. Sed mollis mattis nulla. In hac habitasse platea dictumst. Suspendisse potenti. Aenean scelerisque posuere lacus. In hac habitasse platea dictumst. Donec rhoncus nisi non augue. Sed sodales aliquet dolor. Mauris erat lacus, pretium sit amet, pulvinar eu, convallis sed, lacus.</p>
<p><a href="#" onclick="checkClick">Close window </a></p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vel diam. Sed aliquam. Aenean eleifend mi ut felis. Duis quis odio id lorem aliquam aliquet. Nam eget augue eget quam sollicitudin varius. Nulla vitae ante. In dignissim. Phasellus rhoncus. Nunc tempus, velit eu congue condimentum, eros nisl pulvinar tellus, interdum ullamcorper nisi est pulvinar diam. Etiam id tellus eget dolor porttitor lobortis. Nam ipsum libero, faucibus nec, viverra vitae, egestas quis, velit. Ut enim. Morbi venenatis neque ac metus. In consectetuer. </p>
<p>Pellentesque lacinia, orci vitae vehicula sodales, risus ante ultrices dolor, eu feugiat nibh nisl sed enim. Nullam nonummy mollis dui. Aenean aliquet. Morbi scelerisque tempus magna. Sed molestie velit tempus augue. Mauris bibendum nisi nec eros. Nam porttitor dolor vitae sem. Duis enim odio, varius ut, consectetuer a, dignissim eget, nisi. Nam volutpat euismod leo. Nullam blandit diam a urna. Vivamus pharetra. Nam scelerisque vulputate turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam interdum volutpat erat. Nulla accumsan. Nulla viverra sollicitudin justo. Integer laoreet, purus eget porta mattis, neque ante blandit dolor, sed congue sem odio sed tellus. </p>
<p>Maecenas convallis, urna in vehicula rutrum, lorem justo aliquet enim, eget bibendum lacus lacus congue felis. Curabitur pede est, rutrum vel, vulputate commodo, tempus tincidunt, leo. Integer vitae nisl. Donec velit justo, rhoncus eu, interdum dictum, nonummy eu, augue. Nulla nonummy tincidunt velit. Cras id enim ac quam vulputate vestibulum. Nam ac ante vitae nibh aliquam suscipit. Sed quis dolor nec nibh vestibulum vestibulum. Pellentesque ipsum. Nullam laoreet sem eget turpis. Praesent in nisl. Proin vitae odio aliquet elit laoreet porttitor. Maecenas eget sapien. Curabitur a quam non risus consequat vehicula. Sed sagittis. Quisque dictum mollis arcu. Vestibulum nisl augue, mollis imperdiet, pretium id, tempor sed, libero. </p>
<p>Aliquam nonummy ligula sed ante. Vestibulum ut mi. Donec nec ante quis leo bibendum faucibus. Nulla facilisi. Vivamus scelerisque, ipsum in tincidunt iaculis, magna dui fermentum tortor, a rhoncus metus nisl a nisi. Aenean convallis risus. Aliquam in metus. Phasellus tincidunt auctor tortor. Quisque ut dolor. Sed mollis mattis nulla. In hac habitasse platea dictumst. Suspendisse potenti. Aenean scelerisque posuere lacus. In hac habitasse platea dictumst. Donec rhoncus nisi non augue. Sed sodales aliquet dolor. Mauris erat lacus, pretium sit amet, pulvinar eu, convallis sed, lacus.</p>
</div>
</div>
</body>
</html>