ほうしう北京へおでかけ
＞ 趣味のホームページ ＞ JavaScript

四半世紀を駆け抜けたキラ星「アイドル」爆笑取材秘話
およそ二百数十人もの新人アイドル少女を毎月対面取材した著者。
田中麗奈、酒井法子、優香らトップアイドル！「立ちバック、さいこー！」と口走ったり、途中から「手コキ」を始めた名前の出せないアイドルまで･･･。

javascript iframe 高さを自動で変更

iframeとは簡単に言えばページの中に別のページを表示できる仕組みの事です。

表示させたい場所に<iframe></iframe>のタグを入れます。 幅・高さ・表示させたいページ・name等の属性を指定すると自由なデザインで簡単に使用できます。

しかし、高さが一定でないページの表示はJavascriptを使用して制御しましょう。

javascript iframe 高さを自動で変更

<IFRAME name="frame"id="frame_set"src = "http://smile53.com/aboutme/imgboard.cgi" height=120 width=500 frameborder=1></IFRAME>

<script language="JavaScript"><!--
function frame_check(){
if(frame.document.body){
f=frame.document.body.scrollHeight;
if(f)
document.getElementById("frame_set").height=f+20; setTimeout("frame_check()",100);
}else{
setTimeout("frame_check()",100);
}
}
setTimeout("frame_check()",10);

// --></script>

http://smile53.com/aboutme/imgboard.cgiの部分を表示したいページに変更しましょう。

サンプルは^-^ほうしうの画像掲示板からどうぞ。

Javascript サンプルはここから