- 締切済み
ホームページの一部の表示をランダムに。
ホームページの中の 一部分にアイフレームを 使って、その中に 3つのページをランダムに表示させたい と考えております。 調べたのですが、画像をランダムに 表示をする方法は、見つけられるのですが アイフレームを使って、その中に ページをランダムに表示させる 方法を見つける事ができませんでした。 お分かりになる方 よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
こんにちは。 ランダムに画像を表示、ランダムにインラインフレームにページを表示、方法はあまり変わらないと思います。 このような感じでどうでしょう。 <body onLoad="load()"> <script type="text/javascript"> function load(){ url = new Array();//表示したいURLを配列に url[0] = "http://yahoo.jp/"; url[1] = "http://www.google.co.jp/"; url[2] = "http://www.goo.ne.jp/"; rand = Math.floor(Math.random() * url.length);//urlの数から乱数を発生 document.inline.location.href = url[rand];//配列urlのrand番目をインラインフレームに表示 } </script> <iframe name="inline" src="about:blank" width="400" height="300"></iframe> </body>
- toshi_t
- ベストアンサー率0% (0/0)
たとえばこんな感じではどうでしょう 3つのインラインフレームにURLをそれぞれ指定しています 期待と違っていたらすみません <html> <head> <script language="javascript"> <!-- function get_rand(){ var rand = Math.floor( Math.random() * url_list.length ); return rand; } var url_list = new Array(5); url_list[0] = "http://www.google.co.jp"; url_list[1] = "http://www.yahoo.co.jp"; url_list[2] = "http://www.msn.co.jp"; url_list[3] = "http://www.goo.ne.jp"; url_list[4] = "http://jp.youtube.com"; window.onload = function(){ var url_no; url_no = get_rand(); iframe0.location.href = url_list[url_no]; url_no = get_rand(); iframe1.location.href = url_list[url_no]; url_no = get_rand(); iframe2.location.href = url_list[url_no]; } --> </script> </head> <body> <iframe name="iframe0" width="300" height="300"></iframe> <iframe name="iframe1" width="300" height="300"></iframe> <iframe name="iframe2" width="300" height="300"></iframe> </body> </html>
- toshi_t
- ベストアンサー率0% (0/0)
javascriptでインラインフレームのURLを指定できるので、 ランダム処理と組み合わせれば可能だと思います document.インラインフレーム名.location.href = 変更するURL
補足
アドバイスありがとうございます。 しかし、当方では 理解ができませんでした。