- ベストアンサー
続：<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> ================================== よろしくお願いします。
- horus-xxx
- お礼率56% (45/80)
- JavaScript
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは 確認できないのでお聞きしたいのですが、NNでは <iframe src="#" border="0" width="100%" height="100%" name="iFr"></iframe> はiframeの部分だけ何も表示されないだけでページエラーになることは無いのでしょうか？ (入れた場合他のHTMLは表示されるのか・・ということです) ならないのであれば・・・ブラウザ判断をしてNNだったらdocument.writeしてやるようにしてはどうですか？ 確認できないので<head>内に入れた方がいいのかこの場所でいいのかも分かりませんが（－－；） <script type="text/javascript"> <!-- rlURL= new Array(); rlURL[0]="test0.html" rlURL[1]="test1.html" rlURL[2]="test2.html" function RndmOpen(){ 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;" onLoad="RndmOpen()"> <script type="text/javascript"> <!-- str = navigator.appName.toUpperCase(); if (str.indexOf("NETSCAPE") >= 0){ document.write("<iframe src=\""+riURL[x]+"\"></iframe>"); } //--> </script> <iframe src="#" border="0" width="100%" height="100%" name="iFr"></iframe> ・・・で、ちょっと気になるのですが NNの方『+riURL[x]+』・・・『+rlURL[x]+』では？
その他の回答 (4)
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
#2です。補足。企業サイトのような感じでアクセス数が多くユーザーの環境が多様であるからNetscape7にも対応させたほうが良いのではないかと思ってN7対応に気を遣っているのであればそれはほめられるべきことだと思います。 私が言ってるのはアクセス数が極端に多くない個人のサイトなどでN7系をサポートする意味は余りないって言うことです。 実際IEとFirefoxとOperaで動作確認し…ついでにSafariあたりでも動けばあとは特に問題も起こらないでしょう。
お礼
いちおう個人サイトではあるのですが、海外でも活躍されている方でして、将来的に英語ページも作る予定だったので、企業サイトなみにしたいな、というところはありました。 実はMac環境のチェックがまだできていませんので、NNというよりもSafariあたりをしっかりチェックしないといけませんね。。CSSを多様しているので、Mac環境でのチェックのほうが必須だったかもしれません。うっかりするところでした。ありがとうございました。
- mazimekko3
- ベストアンサー率38% (74/194)
RndmOpen()の仕様が分からないので補足に書いてくれません？ 形式としては完全に別物ですが以下のものを試してみては <head> <script type="text/javascript"> <!-- function RndmSubFlame(){ 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); sub_flame.location.href = rlURL[x]; } //--> </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmSubFlame();"> <iframe name="sub_flame" src=""></iframe> </body>
お礼
お教えいただいた書き方も試してみます（今、目の前のPCにNN環境がないので、後ほど試してみます）。ありがとうございました。 なお、他サイトなどを参照しながら別の書き方で試してみましたら、すんなりNN7.1でも動きました。どこがどう良かったのか、JavaScriptに詳しくないのでよく分からないのですが、とりあえず解決しました。ありがとうございました。 ・動作した書き方↓ <script language="JavaScript"> <!-- function random_content(){ var content=new Array() //specify random content below. content[1]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_1_jp.html"><layer src="top_1_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' content[2]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_2_jp.html"><layer src="top_2_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' content[3]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_3_jp.html"><layer src="top_3_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' var ry=Math.floor(Math.random()*content.length) if (ry==0) ry=1 document.write(content[ry]) } random_content() //--> </script>
補足
RndmOpen()なのですが、うっかりしていました。皆さんからご教示いただいたものを切り貼りしている際に、RndmOpen()のScriptが抜け落ちたみたいで、書いてなかったのです...（質問に書きましたのがすべてです。それじゃ動かないですよね？）
- mazimekko3
- ベストアンサー率38% (74/194)
RndmOpen()の仕様が分からないので補足に書いてくれません？ 形式としては完全に別物ですが以下のものを試してみては <head> <script type="text/javascript"> <!-- function RndmSubFlame(){ 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); sub_flame.location.href = rlURL[x]; } //--> </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmSubFlame();"> <iframe name="sub_flame" src=""></iframe> </body>
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
> どちらにしても、NNの7代は対象から外してよい感じなのでしょうか？それとも > やはり7.0のみが対象からはずすべき？ > NN8代は日本語バージョンはまだ未リリースのようですね。国内で主に見られる > ことを想定したサイトなので、やはりNNを考慮するなら日本語の最新バージョン > はカバーできるといいかと思ったのですが。 前回のこれに関してですが、Netscape 7系列は7.0だろうが7.02だろうが7.1だろうが切って構わないと思います。 Mozilla FirefoxやSeaMonkeyというブラウザは源流がNetscapeと同じであり、互換性もありますからわざわざNetscape 7.xをサポートすることに意味はないと考えます。 FirefoxもSeaMonkeyもNetscape同様にGeckoというブラウザシステムを用いているため、これらは実質的なNetscapeの後継たる位置を占めています。 Netscape 7の持つ機能はメーラーやHTMLエディタ含めてほとんど他の製品でまかなうことが出来ると見て良いでしょう。 アクセス解析などではFirefoxがNetscapeと判定されることもあるようですが、最近はNetscapeよりもFirefoxが圧倒的に多いです。 また、Netscape 7.1を使うことはFirefoxやSeaMonkeyを使うよりも安全性が低くFirefoxがエラーを起こさないページでもエラーを起こす可能性があり、さらにN7はFirefoxやSeaMonkeyよりも機能が劣ります。 よってNetscape 7にこだわる意味はないといえるでしょう。リファラーにこの環境での利用を勧める意味はあまりないですよ。 むしろN7を勧めるくらいならばFirefoxを勧めたほうがいいかと。 それからNetscape Browser 8以降はNetscape日本法人撤退の関係から公式日本語版がリリースされる見通しは今のところなく、非公式日本語化パックを利用してインターフェースを日本語対応させることになります。 こちらは日本語版未リリースだからといって日本語版を待つというのはどうかと思います。 Netscape愛好家がN8を使うことを考慮してN8対応くらいまでにさせておけばそれで十分でしょう。
お礼
NNについての情報、詳しくありがとうございました。たまたま（本当にたまたまなのですが）自分がNN7.1を使っていたことと、制作現場ではいまだにNNの最新バージョンはいちおう表示可能かチェックすることもあるので（多少のレイアウト崩れは許容範囲とみなす）まだ使っている人もそれなりにいるのかと思っていました。 Netscape日本法人撤退というのは初耳でした。Ver.2代から断続的に使っていた身としては、時代の流れを感じます...。
お礼
><iframe src="#" border="0" width="100%" height="100%" name="iFr"></iframe> >はiframeの部分だけ何も表示されないだけでページエラーになることは無いのでしょうか？ そうかもしれません。特にエラーメッセージが出るわけではなく、ただ白紙が表示されるだけなので... 参考に書いてくださったものも、試してみます（今、目の前にNN環境がないため、後ほど試してみます）。ありがとうございました。 なお、他サイトなどを参照しながら別の書き方をしてみたら、すんなりNN7.1やその他Window系ブラウザでもすべて表示されました。どこが良かったのか、Javascriptに詳しくないのでよく分からないのですが、とりあえず解決しました。 ・参考までに、動作した書き方↓ <script language="JavaScript"> <!-- function random_content(){ var mycontent=new Array() //specify random content below. content[1]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_1_jp.html"><layer src="top_1_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' content[2]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_2_jp.html"><layer src="top_2_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' content[3]='<iframe name="top01" frameborder="0" width=100% height=100% src="top_3_jp.html"><layer src="top_3_jp.html" height="100%" width="100%" LEFT="0"><nolayer></nolayer></layer></iframe>' var ry=Math.floor(Math.random()*content.length) if (ry==0) ry=1 document.write(mycontent[ry]) } random_content() //--> </script>