1
Have an issue with an iframe in FF blocking links in a z-index layer behind the layer containing the iframe. It works in IE. I can't change the layer index of the iframe because it's content needs to be on top all the time. Whenever the user mouseovers that iframe content it should expand to full size.
I haven't figured out how to change the height of the ifrmae from Doc2. It should be something like...
parent.doc1div.doc1frame.style.height="300";
I think. not sure.
Document 1.
[HTML]<html>
<head>
<title>doc1</title>
</head>
<body>
<div id="doc1div" height='500'></div>
<script type="text/javascript">
document.getElementById('doc1div').innerHTML = "<iframe id='doc1frame' src='doc2.html' frameborder='no' width='1000' height='40' scrolling='no' allowtransparency='true' background-color='transparent'></iframe>";
</script>
<!-- other doc1 content -->
</body>
Document 2
<html>
<head>
<script type="text/javascript">
<!--
window.onload=showDoc2;
function showDoc2()
{
if (document.getElementById(id);)
{
parent.doc1div.style.height="300";
}
else
{
parent.doc1div.style.height="40";
}
}
-->
</script>
</head>
<body>
<div id="doc2div1" z-index:500 position=absolute>
<dl><dt onMouseOver="javascript:showDoc2();">
<!-- content -->
</dt></dl></div>
</body>
</html>[/HTML]
