IFRAME 要素を直接ページに書いてしまうと、IFRAME 内のコンテンツのサイズ
に変更があった時に、表示エリアの調整を IFRAME の記述毎に変更する必要が
出てくるので、それを一括で行う方法です。
まず、以下のようなスクリプト要素をページに貼り付けます。
<script
charset="euc-jp"
type="text/javascript"
src="http://winofsql.jp/winofsql_exlist.js"
></script>
ここでは、外部の JavsScript を呼び出すだけけです。
IFRAME の記述は、winofsql_exlist.js 内で行っています
if ( document.body.clientWidth > 1100 ) {
str="";
str+="<div style='position:absolute;left:951px;top:0px;'> \n";
str+="<iframe \n";
str+=" src=\"http://winofsql.jp/VA003334/a1.htm\" \n";
str+=" frameborder=\"no\" \n";
str+=" scrolling=\"no\" \n";
str+=" width=\"285\" \n";
str+=" height=\"3600\" \n";
str+="></iframe> \n";
str+="</div> \n";
document.write(str);
}
このようにすると、二つ目のスクリプトを変更すれば、実際に
ページにか書かれているスクリプトとは関係無く更新されます。
※ if は、ブラウザの表示幅が小さい時に処理しない設定です。
※ document.write 用の文字列は、テキスト変換サービス で作成します