htmlのランダム表示について

質問

楽天やヤフーのトップページにいくと、
閲覧する度に違うhtmlファイル（特集部分）が表示されると思います。

自分で運営しているサイトにも、
このランダム表示を利用したいと思っているのですが、
どのようにすればよろしいでしょうか？

尚、現状知ってるのはhtmlやcss、cgi設置くらいです。
画像だけをランダム表示するのは調べてわかったのですが、
htmlファイルそのものをランダム表示するやり方がわからなかったので、
よろしくお願いいたします。

回答No.1

Oh-Orange · ベストアンサー

★ヒント
・<IFRAME>タグと JavaScript を組み合わせて作ります。
　<IFRAME>タグはテキストエリアのような領域に小さな HTML ページを表示できます。
　そして、JavaScript を利用してランダムにリンク文字列(アドレス)を切り替えれば
　簡単に作れると思います。
・下にその簡単なサンプルを載せます。

サンプル:
<SCRIPT LANGUAGE="JavaScript">
<!--
var table = [
　"http://oshiete1.goo.ne.jp/c230.html",
　"http://oshiete1.goo.ne.jp/c240.html",
　"http://oshiete1.goo.ne.jp/c250.html",
　"http://oshiete1.goo.ne.jp/c260.html"
];
var objDate = new Date();
var myURL = table[objDate.getSeconds() % 4];

document.write( '<IFRAME SRC="',myURL,'" name="sample" width="200" height="150">' );
document.write( 'この部分はインラインフレームを使用しています。' );
document.write( '</IFRAME>' );
//-->
</SCRIPT>

解説:
・<SCRIPT>～</SCRIPT>タグ内が JavaScript のソース部です。
　ここで table となっている部分のリンクを増やしたり、編集するとランダムで表示される
　HTML の広告ページを変更できます。
・また、現在の秒を元にしてランダムに広告ページが選択されるようになっています。
　『var myURL = table[objDate.getSeconds() % 4];』の１行がそれです。
　『table』のデータが４行なので『4』となっているため、『table』データのリンクを
　増やして 30 行にした場合は、『4』の場所を『30』にして下さい。
　さらに秒を使っているため、60 以上には設定できません。必ず 60 以内にして下さい。
・上記の<SCRIPT>～</SCRIPT>タグを HTML ソースに貼り付ければページに切り替わるたび、
　または『更新』ボタンが押されるたびに<IFRAME>内の広告ページが切り替わります。
・以上。おわり。

参考URL：

http://www.htmq.com/html/iframe.shtml

お礼

大変参考になりました。
またよろしくお願いいたしますm(_ _)m