- ベストアンサー
HTMLフレームでランダムにページを表示する方法
- HTMLのフレーム（IFRAME）を使用して、複数のページからランダムに表示する方法を説明します。
- HTMLのフレーム内には、予め用意した複数のページの中からランダムに選択されたページが表示されます。
- 変数を使用して、乱数を発生させ、それに基づいて呼び出すページを決定することができます。
- rythm
- お礼率41% (92/222)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- HTMLでホームページを入れ子にする方法
お世話になっております。 HTMLでIEの中にIEを表示したいのですが、どうしたらよいでしょうか。 以下の様にやってもうまく行きませんでした。 <body><iframe src="http://www.google.co.jp/" width="400" height="300" ></iframe> </body> 最終的にはサンプルの画像の様に、 別の頁を入れ子にするHTMLが目標なのですが、 どの様に記述したらよいでしょうか。 色々調べたのですが、分からないでいます。 教えて下さい。よろしくお願いします。
- 締切済み
- HTML
- <iframe>内にHTMLをランダム表示するには？続きです。
先日の<iframe>内にHTMLをランダム表示するには？の続きなのですが、 http://questionbox.msn.co.jp/qa2962976.htmlの疑問は 皆様のお力で解決しました。 誠にありがとうございました。 もう一つ教えて頂きたいことがあるのですが、 かなりの素人なので説明不足など分かりづらいところが多々あると思いますが、 何卒宜しくお願い致します。 同じhtmlに複数のiframeを配置し、 各iframeをランダムにしたいのです。 その際、各iframeは別々のフォルダーに収納されているhtmlを 表示するようにしたいです。 例えば、同じhtmlに iframe１、iframe２、iframe３があるとし、 ０１、０２、０３という３つのフォルダーの中に ０１.html、０２.html、０３.htmlがそれぞれ収納されているとした場合、 iframe１は01のフォルダーの中のhtmlをランダムで表示し、 iframe２は02のフォルダーの中のhtmlをランダムで、 iframe3は03のフォルダーの中のhtmlをランダムで、 といったランダム表示にしたいです。 あまりの素人なので全く分かりませんので、 大変申し訳ありませんが、 多少いじってコピペするくらいまで完成されたソースを教えて頂けますでしょうか？ 宜しくお願い致します。 ------------------------------------------------------------------------- 以下のソースは、 ３つのiframeに同じフォルダー内のhtmlをランダムで表示させることができたソースです。 教えてもらいました。 こちらは参考までに載せました。_ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <script type="text/javascript"> <!-- function RndmSubFlame(){ rlURL= new Array(); rlURL[0]="01.html" rlURL[1]="02.html" rlURL[2]="03.html" n=rlURL.length; x1=Math.floor(Math.random()*n); x2=Math.floor(Math.random()*n); x3=Math.floor(Math.random()*n); s01.location.href = rlURL[x1]; s02.location.href = rlURL[x2]; s03.location.href = rlURL[x3]; } //--> </script> </head> <body onload="RndmSubFlame()"> <table border="1" width="84%" height="87"> <tr> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s01" scrolling="no"></iframe></td> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s02" scrolling="no"></iframe></td> <td width="34%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s03" scrolling="no"></iframe></td> </tr> </table> </body> </html> ------------------------------------------------------------------------- 以下のhtmlソースに書き加えてもらえると大変助かります。 何卒、宜しくお願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <table border="1" width="45%" height="448"> <tr> <td width="46%" height="210"><iframe src="01/01.html" frameborder="0" width="100%" height="190" name="01" scrolling="no"></iframe></td> <td width="54%" height="442" rowspan="2"><iframe src="03/01.html" frameborder="0" width="100%" height="190" name="03" scrolling="no"></iframe></td> </tr> <tr> <td width="46%" height="226"><iframe src="02/01.html" frameborder="0" width="100%" height="190" name="02" scrolling="no"></iframe></td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
- <iframe>内にHTMLをランダム表示するには？
かなりの素人なので説明不足などで分かりづらいところが多々あると思いますが、 何卒宜しくお願い致します。 同じhtmlに複数のiframeがあるのですが、 その全てのiframeをランダムにしたいのですが、 あまりの素人なので全く分かりません。 申し訳ありませんが、 多少いじってコピペするくらいまでのソースを教えて頂けますでしょうか？ 宜しくお願い致します。 iframe一つだけのランダムは以下のソースでできました。 <head> <script type="text/javascript"> <!-- function RndmSubFlame(){ rlURL= new Array(); rlURL[0]="01.html" rlURL[1]="02.html" rlURL[2]="03.html" n=rlURL.length; x=Math.floor(Math.random()*n); sub_flame.location.href = rlURL[x]; } //--> </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmOpen()"> <script><!-- document.write("<iframe src=\""+riURL[x]+"\"></iframe>"); //--> </body> 以下のhtmlのようなページです。 できましたら、このソースに書き加え頂けますと 大変助かります。 宜しくお願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <table border="1" width="84%" height="87"> <tr> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="01" scrolling="no"></iframe></td> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="02" scrolling="no"></iframe></td> <td width="34%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="03" scrolling="no"></iframe></td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
- 複数の<iframe>内にHTMLをランダム表示
以下のようなソースで、ランダムにHTMLをIFRAMEに読み込むソースを書いています。 （Javascript） window.onload = function(){ var c = 23; //ランダムに表示するiframe内URLの数 var ifm = document.getElementById('aaa');//frameIDを入力 var r = Math.floor( Math.random() * c ); var urls = new Array(); urls[0] = '../text/1.html'; urls[1] = '../text/2.html'; urls[2] = '../text/3.html'; urls[3] = '../text/4.html'; urls[4] = '../text/5.html'; urls[5] = '../text/6.html'; urls[6] = '../text/7.html'; urls[7] = '../text/8.html'; urls[8] = '../text/9.html'; urls[9] = '../text/10.html'; ifm.src = urls[r]; } （HTML） <iframe src="#" id="aaa" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> このような要領で、 id="aaa"にはtextフォルダ内のファイル1.html～10.htmlのうちからランダムで、 id="bbb"にはtextフォルダ内のファイル11.html～20.htmlのうちからランダムで、 id="ccc"にはtextフォルダ内のファイル21.html～30.htmlのうちからランダムで、 ・・・・ といった感じで以下のようなソースでそれぞれ読み込めればと思っているのですが、どうやったら可能でしょうか？ <iframe src="#" id="aaa" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> <iframe src="#" id="bbb" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> <iframe src="#" id="ccc" frameborder="0" marginwidth="0" width="115" marginheight="0" scrolling="no"></iframe> javascriptにかんしてはあまり詳しくありませんので、ちょっと改変してコピペするくらいまでのソースを教えていただけませんでしょうか？ よろしくおねがいします。
- 締切済み
- JavaScript
- インラインフレームでｐｄｆファイルを出すｈｔｍｌを作りました。
インラインフレームでｐｄｆファイルを出すｈｔｍｌを作りました。 ｐｄｆの拡大・縮小率をｈｔｍｌで制御したいのですが、やり方を教えてもらえますでしょうか？ <TITLE>サンプル</TITLE> </HEAD> <BODY> <IFRAME src="あ.pdf" width="500" height="500"> このページはインラインフレームを使用しています。</IFRAME> </BODY> </HTML>
- ベストアンサー
- HTML
- ランダムで画像変更
前回…http://oshiete1.goo.ne.jp/qa4475723.html <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式の画像のランダム変更の仕方を教えて頂いたのですが、聞きそびれた質問があったので、質問させて頂きます。 <iframe src="XXX.html" frameborder="no" scrolling="no"></iframe> こういった形のフレーム形式の画像をランダムで表示させる場合はどうしたらよろしいでしょうか？ また <a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a> 形式のランダム表示と混ぜて表示させる方法をどのようにしたらよろしいのでしょうか？ 今回はこちらのサイトも参考にさせて頂きました。 http://www.red.oit-net.jp/tatsuya/java/
- 締切済み
- JavaScript
- HTMLでインラインフレーム(IFRAME)のURLをランダムにしたい
インラインフレーム(IFRAME)のURLをランダムで変えて、広告を表示させたいです。 http://blog-imgs-**.fc2.com/t/r/i/***/randam_ad.js randam_ad.jsの内容は以下です。 ------------------------------------ function randomAd(){ var table = [ "http://www.yahoo.co.jp/", "http://bbpromo.yahoo.co.jp/", "http://my.yahoo.co.jp/", ]; var objDate = new Date(); var myURL = table[objDate.getSeconds() % 3]; document.write( '<IFRAME SRC="',myURL,'" name="sample" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0">' ); document.write( 'この部分はインラインフレームを使用しています。' ); document.write( '</IFRAME>' ); } ------------------------------------ そこで、IFRAMEを表示させたいページを以下のように記述しました。 ------------------------------------ <HTML> <HEAD> <TITLE></TITLE> <SCRIPT src="http://blog-imgs-**.fc2.com/t/r/i/***/randam_ad.js"> </SCRIPT> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!-- randomAd(); //--> </SCRIPT> </BODY> </HTML> ------------------------------------ ただ、全く反応がありません。表示されないのです。 ご教授お願いいたします。
- ベストアンサー
- JavaScript
- iframeの中でページ内リンクはできますか？
iframeを使って下記のようなつくりでHTMLを組んでみましたが、Chromeでリンクに飛ぶことができません。（(1)をクリックすると(2)の位置に飛んでほしい） = A.html = <html> <body> <iframe src="B.html" scrolling="no" frameborder="0" width="750" height="2000"></iframe> </body> </html> = B.html = <html> <body> <a href="#CCC"><img src="xxx.jpg" /></a>…(1) ・ ・ ・ <a href="C.html" name="CCC">あいうえお </a>…(2) </body> </html> ざっくりと書いてしまいましたが、親HTML（ここでいうA.html）では指示をせず、あくまでiframe中の子HTML（ここでいうB.html）の中でページ内リンクをしたいと思っています。 ちなみにiframeを使っていますが、ブラウザ上の見え方としては、A.htmlに1ページで組んでいるかのような形にしたいと思っています。 ネットでいろいろ調べてみましたがよくわからず、記述が悪いのか、Chromeではうまくいかないのか、悩んでおります。（Sarfari等、うまくいったブラウザもあるのですが…） よい方法がございましたら教えてください。 宜しくお願いします。
- 締切済み
- HTML
- javascriptを無効にする方法～<iframe>タグが正常に動作しない～
下記、HTMLを作成したのですが、wikipediaのjavascript?によって、折角開いた、yahooのページもwikipediaにとって変わられてしまいます。 wikipediaのjavascriptを無効にする方法は無いでしょうか？若しくは、こういったjavascriptを見つけた時、強制的に、排除する方法など無いでしょうかね？ 折角開いたページが、こういったjavascriptがあることで全て強制的に飛ばされてとても困っています。 宜しくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <IFRAME src="http://ja.wikipedia.org/" width="900" height="1500"></IFRAME> <HR> <IFRAME src="http://yahoo.co.jp" width="900" height="1500"></IFRAME> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 続：<iframe>内にHTMLをランダム表示するには？（NN対応）
QNo.2771577で質問させていただいた続きになります。http://questionbox.msn.co.jp/qa2771577.html iframe内にランダムでHTMLを読み込む動作で苦労しています。いくつか試して実現できたのですが、NNのみ読み込まないため、以下の書き方を試してみました。 この書き方だとNNでも動作するのですが、ポップアップで別Windowが立ち上がってしまうため（win:IE/Opera/Firefoxすべて）、ポップアップにせずに同Window内に読み込む書き方はできないでしょうか？ ================================== <head> <script type="text/javascript"> <!-- rlURL= new Array(); rlURL[0]="top_1_jp.html" rlURL[1]="top_2_jp.html" rlURL[2]="top_3_jp.html" n=rlURL.length; x=Math.floor(Math.random()*n); window.open(rlURL[x],"iFr"); //--> </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmOpen()"> <script><!-- document.write("<iframe src=\""+riURL[x]+"\"></iframe>"); //--> </body> ================================== よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
分かりやすいサンプルありがとうございました。 さっそく活用しようと思います。