<html>
<head>
<style type="text/css">#headingBlock{display:none;}
</style>
<script type="text/javascript">
function getIframeDocument(iframeNode)
{
if (iframeNode.contentDocument) return iframeNode.contentDocument;
if (iframeNode.contentWindow) return iframeNode.contentWindow.document;
return iframeNode.document;
}
function parseData(code)
{
out=new String(code);
Reg=new RegExp('<div>','gi');
out=out.replace(Reg,'<div class="expand">');
Reg=new RegExp('<a','gi');
out=out.replace(Reg,'<a target="content"');
return out;
}
function heading_loaded(obj)
{
xml_code=parseData(getIframeDocument(obj).body.innerHTML);
document.getElementById('headingBlock').innerHTML=xml_code;
document.getElementById('data').style.display='block';
document.getElementById('headingLoader').style.display='none';
}
function showHeadig(obj)
{
obj.height=150;document.getElementById('headingBlock').style.display='block';
document.getElementById('sp0').innerText='Чтобы скрыть содержание уведите отсюда мышь';
}
function hideHeadig(obj)
{
obj.height=25;document.getElementById('headingBlock').style.display='none';
document.getElementById('sp0').innerText='Для просмотра содержания наведите курсор';
}
</script>
</head>
<body>
<iframe style="display:none" id="heading" name="heading" src="help-data/index.html" onload="heading_loaded(this);" display="none">
</iframe>
<table id="data" style="display:none;width:100%;height:100%;">
<tr>
<td height="25" valign="top" onmouseover="showHeadig(this);" onmouseout="hideHeadig(this);">
<div id="headingBlock" style="height:125;overflow:auto;"></div>
<span id="sp0">Для просмотра содержания наведите курсор</span>
</td>
</tr>
<tr>
<td>
<iframe name="content" style="width:100%;height:100%;"></iframe>
</td>
</tr>
</table>
<div id="headingLoader" style="width:100;height:100;">
Идёт загрузка оглавления. Подождите.<br />
<img src="ajax-loader.gif" />
</div>
</body>
</html>
Почему в IE 7 таблица data успешно разворачивается на весь экран, а в Opera 9.61 - нет?:confused: