- ベストアンサー
<iframe>内にHTMLをランダム表示するには？
- 同じhtmlに複数のiframeがあるのですが、その全てのiframeをランダムにしたいのですが、あまりの素人なので全く分かりません。
- iframe一つだけのランダムは以下のソースでできました。以下のhtmlのようなページです。できましたら、このソースに書き加え頂けますと大変助かります。
- かなりの素人なので説明不足などで分かりづらいところが多々あると思いますが、何卒宜しくお願い致します。
- T-hiw
- お礼率0% (0/10)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
No.1の者です。 ↓のソースは一部誤りがありましたので訂正します。（インラインフレーム名の先頭に適当な数字以外が必要でした。） <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> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script type="text/javascript"> <!-- rlURL= new Array(); rlURL[0]="01.html"; rlURL[1]="02.html"; rlURL[2]="03.html"; tw=new Array(33,33,34); function xRandomFrame(){ doc="<table border='1' width='84%' height='87'><tr>"; for(i=0;i<3;i++){ doc+="<td width='"+tw[i]+"' height='81'><iframe src='"+rlURL[Math.floor(Math.random()*rlURL.length)]+"' frameborder='0' width='100%' height='190' name='0"+(i+1)+"' scrolling='no'></iframe></td>"; } doc+="<tr></table>"; document.getElementById("field").innerHTML=doc; } //--> </script> </head> <body onload="xRandomFrame()"> <div id="field"></div> </body> </html>
その他の回答 (1)
- is_may
- ベストアンサー率65% (58/89)
3セット作ればいいのではないでしょうか？ <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); 01.location.href = rlURL[x1]; 02.location.href = rlURL[x2]; 03.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="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>
