1
Hello!,
I have this well, little IE issue.
I'm showing hiding div's (containing IFRAMES), however, for some reason in IE one of the iframe contents allow me to click them (the last one allows me to browse the contents) the others I can't do anything with :(, it's like there is still a layer present (invisible)
It works fine in FF
If someone knows the answer, THANKS!
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>-</title>
<script type="text/javascript">
function mouseLeaves (element, evt) {
if (typeof evt.toElement != 'undefined' && evt.toElement && typeof
element.contain s != 'undefined') {
return !element.contai ns(evt.toElemen t);
}
else if (typeof evt.relatedTarg et != 'undefined' && evt.relatedTarg et) {
return !contains(eleme nt, evt.relatedTarg et);
}
}
function contains (container, containee) {
while (containee) {
if (container == containee) {
return true;
}
containee = containee.paren tNode;
}
return false;
}
</script>
<script type="text/javascript">
function hideElement (element) {
if (element.style) {
element.style.v isibility = 'hidden';
}
}
function showElement (element) {
if (element.style) {
element.style.v isibility = 'visible';
}
}
</script>
<style type="text/css">
#div1 {
border: 1px solid green;
width: 400px;
height: 400px;
position: absolute;
}
#div2 {
border: 1px solid green;
width: 400px;
height: 400px;
position: absolute;
}
#div3 {
border: 1px solid green;
width: 400px;
height: 400px;
position: absolute;
}
#div4 {
border: 1px solid green;
width: 400px;
height: 400px;
position: absolute;
}
</style>
</head>
<body>
<input type="button" value="show1"
onclick="var div;
if (document.getEl ementById) {
div = document.getEle mentById('div1' );
showElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div2' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div3' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div4' );
hideElement(div );
}
">
<input type="button" value="show2"
onclick="var div;
if (document.getEl ementById) {
div = document.getEle mentById('div2' );
showElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div1' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div3' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div4' );
hideElement(div );
}
">
<input type="button" value="show3"
onclick="var div;
if (document.getEl ementById) {
div = document.getEle mentById('div3' );
showElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div1' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div2' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div4' );
hideElement(div );
}
">
<input type="button" value="show4"
onclick="var div;
if (document.getEl ementById) {
div = document.getEle mentById('div4' );
showElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div1' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div2' );
hideElement(div );
}
if (document.getEl ementById) {
div = document.getEle mentById('div3' );
hideElement(div );
}
">
<div id="div1">
<iframe id="1" src="http://JavaScript.FAQT S.com/" width="100%" height="100%"></iframe>
</div>
<div id="div2">
<iframe id="2" src="http://www.google.com/" width="100%" height="100%"></iframe>
</div>
<div id="div3">
<iframe id="3" src="http://www.lycos.com/" width="100%" height="100%"></iframe>
</div>
<div id="div4">
<iframe id="4" src="http://www.nu.nl/" width="100%" height="100%"></iframe>
</div>
</body>
</html>[/HTML]
