iframeのサイズの自動調整について教えてください。
iframeのサイズの自動調整について教えてください。
htmlにiframeで、cgiを組み込んでました。
cgiは、質問を投げる画面と結果を表示する画面があります。
質問画面と結果表示画面の長さは違います。
下記の2パターンで試してみたんですが、質問画面は問題ないですが、結果画面が問題ですね。
1．<iframe src="aa.cgi" style="width: 480px; height:auto;" onload 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";'>
</iframe>
sapari,google chrome,operaでは、オーケー。
IE,firefoxでは、質問画面の長さのまま。
2.<iframe src="aa.cgi" onload="GetHeight(this.id)" id="Y" name="newY" height="1" width="480" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
GetHeightのソースは、↓
<script language="JavaScript">
function GetHeight(Y)
{
var app = navigator.appName.charAt(0);
if (app == "N")
{
document.getElementById(Y).height = parent.frames['newY'].document.height +20;
}
else
{
document.getElementById(Y).height = parent.frames['newY'].document.body.scrollHeight;
}
}
</script>
IE,firefoxでは、オーケー。
sapari,google chrome,operaでは、質問画面の長さのまま。
javascriptは苦手なので、まとめる方法か、別の方法がありましたら、
教えて下さい。
よろしくお願いします。
補足
target属性を指定しない場合は、target=_selfと同様にリンクが機能しない状態です。