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 用の文字列は、テキスト変換サービス で作成します
タグ：javascript
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
