<iframe>内にHTMLをランダム表示するには？

2023/08/03 18:19

このQ&Aのポイント

同じhtmlに複数のiframeがあるのですが、その全てのiframeをランダムにしたいのですが、あまりの素人なので全く分かりません。
iframe一つだけのランダムは以下のソースでできました。以下のhtmlのようなページです。できましたら、このソースに書き加え頂けますと大変助かります。
かなりの素人なので説明不足などで分かりづらいところが多々あると思いますが、何卒宜しくお願い致します。

ベストアンサー

<iframe>内にHTMLをランダム表示するには？

2007/04/30 19:37

かなりの素人なので説明不足などで分かりづらいところが多々あると思いますが、何卒宜しくお願い致します。同じhtmlに複数のiframeがあるのですが、その全てのiframeをランダムにしたいのですが、あまりの素人なので全く分かりません。申し訳ありませんが、多少いじってコピペするくらいまでのソースを教えて頂けますでしょうか？宜しくお願い致します。 iframe一つだけのランダムは以下のソースでできました。 <head> <script type="text/javascript">  </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmOpen()"> <script> </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>

T-hiw
お礼率0% (0/10)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

is_may
ベストアンサー率65% (58/89)

2007/04/30 21:11 回答No.2

No.1の者です。 ↓のソースは一部誤りがありましたので訂正します。（インラインフレーム名の先頭に適当な数字以外が必要でした。） <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <script type="text/javascript">  </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> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script type="text/javascript">  </script> </head> <body onload="xRandomFrame()"> <div id="field"></div> </body> </html>

その他の回答 (1)

is_may
ベストアンサー率65% (58/89)

2007/04/30 20:55 回答No.1

3セット作ればいいのではないでしょうか？ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <script type="text/javascript">  </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="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>

関連するQ&A

<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">  </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に読み込むソースを書いています。（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
Iframeとして呼び出すページを120ｐｘ以下を表示したい
Iframeを使いたいのですが、A.htmlの高さ120pixから下をIframeで指定したいときはどうしたらいいでしょうか。 <html> <head> <title>testtitle> </head> <body> <div width:100%; height:120px;> <table> <tr> <td><iframe src="A.htm" width="100%" height="100%" frameborder="0" scrolling="no" overflow:no></iframe><td> </tr> </table> </div> </body> </html> 呼び出すIframeの中身のページについて高さを120pix以下を表示したいのですが。よろしくおねがします。
- 締切済み
- JavaScript
インラインフレーム＋ランダム表示
インラインフレームの中をランダム表示させたいのです。そこで、大元のページに <iframe src="○○○.html" width="570" height="300"name="AAA"align="left" frameborder="no" scrolling="no" > このページはインラインフレームを使用しております。未対応ブラウザは閲覧できませんのでご了承下さい。 </iframe> と記述し、○○○.htmlの中には <html> <head> <title></title> <script language="JavaScript"></script> </head> </html> という記述をしています。このようにランダムに表示できるように記述すると、左横に出る窪んだようになる縦線（frameborder！？）と縦のスクロールバーが出てしまいます。これを表示しないようにしたいのですが、どうやっても消す事が出来ません。これを無くし自然な感じにするには、どのようにしたら良いでしょうか？是非教えてください。宜しくお願いします。
- ベストアンサー
- HTML
<iframe>内をリロードするたびに入れ替えたい
<iframe>で別に作ったページが表示されるようにしているのですが、リロードするたびに<iframe>内のページがランダムに入れ替わり、いろんなページが見られるようにしたいと思っています。現在このようなソースでtest1.htmlを表示させているのですが、ここにtest2.html、test3.html、test4.htmlが表示されるようにするにはどうしたらいいでしょうか？ <iframe src="../test1.html" name="sample" width="500" height="500" frameborder="0" scrolling=no> この部分はインラインフレームを使用しています。 </iframe>
- ベストアンサー
- HTML
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">  </SCRIPT> </BODY> </HTML> ------------------------------------ ただ、全く反応がありません。表示されないのです。ご教授お願いいたします。
- ベストアンサー
- JavaScript
iframeにリンクを貼る
<iframe src="qqq.gif" height="1５0" width="356" align="left" frameborder="0" scrolling="no" marginheight="1" name="tv" > この部分はiframe表示です </iframe> にURLを指定してリンクを張りたいのですが、どうしたらいいですか？
- 締切済み
- HTML
変動する場合のiframeの高さ指定について
横2つに分けたページ（index.htm）があり、スクロールバー非表示にしてあります。左（left.htm）右（raight.htm）にそれぞれiframeが入っていて、これにスクロールバーが表示されます。この時、ウィンドウの大きさを変えても常に一番最後までスクロールできるような高さ指定の方法はありますでしょうか？なにか良い知恵がありましたら教えてください。よろしくお願いします。 --index.htm <html> <head> <title>サンプル</title> </head> <frameset rows="*" cols="220,*" framespacing="0" frameborder="no" border="0"> <frame src="left.htm" name="left" frameborder="no" scrolling="no" noresize> <frame src="raight.htm" name="raight" frameborder="no" scrolling="no"> </frameset> <noframes> <body></body></noframes> </html> --left.htm <html> <head> <title>左</title> </head> <body bgcolor="#66CCFF"> <div align="center"> ここにメニュー<br>ここにメニュー<br>ここにメニュー<br> ここにメニュー<br>ここにメニュー<br>ここにメニュー<br> <iframe src="in_left.htm" name="in_left" width="190" height="100%" frameborder="0" scrolling="auto"></iframe> </div> </body> </html> --raight.htm <html> <head> <title>右</title> </head> <body bgcolor="#FFFFCC"> ここにリード文<br>ここにリード文<br>ここにリード文<br> ここにリード文<br>ここにリード文<br>ここにリード文<br> <div align="center"> <iframe src="in_raight.htm" name="in_raight" width="90%" height="100%" frameborder="0" scrolling="auto"></iframe> </div> </body> </html>
- ベストアンサー
- HTML
IFRAMEをJAVASCRIPTで表示したい。
現在自分のＨＰ内で以下のようにIFRAMEを使用しているのですが、 <iframe src="http://www.xxxx.com/" height="500" width="500" scrolling="no" frameborder="0"></iframe> この表記を外部呼出しのJAVASCRIPTで行うことは可能でしょうか？またもし可能なら表記、コードも教えていただけると嬉しいです。自分なりに色々調べてみたのですが、まだまだ知識が乏しく行き詰っております。どうかよろしくお願いします。
- ベストアンサー
- JavaScript
ifraameでのランダム表示時に不具合がでます
下記のような記述で、ページを読み込むたびに、一部をランダムで別ページが表示されるようにしているのですが・・・その際に、何回も読み込みをしカチカチとリンクをクリックした時のような音がし、1.htmlを表示したかと思えば3.htmlになったり5.htmlになったり（その時々で表示されるページは違いますが、多い時では５回以上変わります）します。そして、ブラウザの戻るボタンを押しても一回では元のページに戻れなくなってしまいます。ノートパソコンや、回線速度の遅い状況下で起こりやすいと思うのですが・・・これはどうにかならないものでしょうか？よろしくお願いします。 <script> tsURL=[]; tsURL[0]="1.html"; tsURL[1]="2.html"; tsURL[2]="3.html"; tsURL[3]="4.html"; tsURL[4]="5.html"; </script> <iframe style="margin-left:-3px;" width="620" height="142" name="tsz" align="center" frameborder="no" scrolling="no" onload="if(this.title==''){this.src=tsURL[Math.floor(Math.random()*5)];this.title=this.src;frm1=this;setTimeout('frm1.title=\'\';',1000)}"> </iframe>
- ベストアンサー
- HTML