ベストアンサー

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

2007/05/01 13:54

先日の<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>

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

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

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

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

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/05/03 08:37 回答No.2

こんにちは 01,02,03に入ってる01.html,02html,03htmlは同じものなのか？というちょっと（？）な部分があるけど・・・こんな感じ・・・ <script language="javascript">  </script> <body onload="RndmSubFlame()"> <table border="1" width="45%" height="448"> <tr> <td width="46%" height="210"><iframe src="" frameborder="0" width="100%" height="190" id="s01" scrolling="no"></iframe></td> <td width="54%" height="442" rowspan="2"><iframe src="" frameborder="0" width="100%" height="190" id="s03" scrolling="no"></iframe></td> </tr> <tr> <td width="46%" height="226"><iframe src="" frameborder="0" width="100%" height="190" id="s02" scrolling="no"></iframe></td> </tr> </table> name(id)はアルファベットから始めてくださいね（＾＾）あとs01.location.href=URL01[x1];でもできるのですがfirefoxで表示できなかったのでdocumentgetElementByIdを使っています

その他の回答 (1)

noname#39970

2007/05/01 14:20 回答No.1

原理だけ前回urlを参考に1つずつ1回ずつランダムを発生読み込む時の文字列を "01/"+rlURL[x] という方法で連結して渡す。 forの場合は pf=["01","02","03"] のように用意して(カウンタがiとして) pf[i] + "/" + rURL[x] のような連結をする。(階層名が数字ではなくなっても使える)

質問者