インラインフレーム＋ランダム表示の方法とは？
- インラインフレームを使用したランダム表示の方法について教えてください。
- インラインフレームをランダムに表示する際、縦線や縦のスクロールバーが出てしまいます。これを消す方法はありますか？
- インラインフレーム＋ランダム表示の方法についてアドバイスをお願いします。
- ベストアンサー
インラインフレーム＋ランダム表示
インラインフレームの中をランダム表示させたいのです。 そこで、大元のページに <iframe src="○○○.html" width="570" height="300"name="AAA"align="left" frameborder="no" scrolling="no" > このページはインラインフレームを使用しております。 未対応ブラウザは閲覧できませんのでご了承下さい。 </iframe> と記述し、○○○.htmlの中には <html> <head> <title></title> <script language="JavaScript"><!-- jpURL = [ "tk1.html", "tk2.html", "tk3.html", "tk4.html" ]; n = Math.floor(Math.random() * jpURL.length); document.write('<frameset>'); document.write('<frame src="'+jpURL[n]+'" name="rightFrame">'); document.write('</frameset>'); // --></script> </head> </html> という記述をしています。 このようにランダムに表示できるように記述すると、左横に出る窪んだようになる縦線（frameborder！？）と縦のスクロールバーが出てしまいます。 これを表示しないようにしたいのですが、どうやっても消す事が出来ません。 これを無くし自然な感じにするには、どのようにしたら良いでしょうか？ 是非教えてください。 宜しくお願いします。
- cococomail2
- お礼率35% (28/80)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- askaaska
- ベストアンサー率35% (1455/4149)
> それは具体的にはどのように記述すれば良いのでしょうか？ ？？？ その質問の意味がわからないわ。 呼び出し元に指定してあるframeborderとscrollingと同じものを 呼び出し先に記述するだけよ？ iframeもframeも同じように記述するだけ。
補足
何度もすいません。 一応言われた通りに色々と試してみたのですが、上手く行きませんでした。 呼び出し先は○○○.htmlでいいのですよね？ ○○○.htmlのどの部分にどう記述したら良いのか詳しく教えて頂けないでしょうか？
- askaaska
- ベストアンサー率35% (1455/4149)
なぜ○○○.htmlの方は frameborderとscrolling を指定していないの？ それが原因。
補足
なるほど・・・ それは具体的にはどのように記述すれば良いのでしょうか？
関連するQ&A
- 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>内に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をランダム表示するには？続きです。
先日の<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
- CSSでインラインフレームを非表示にしたい
初心者です。 いろいろ試したのですがうまくいかないので教えてください。 複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、 たとえば、 <iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe> と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、 真ん中の「only」だけ隠すことはできませんか？ スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。 宜しくお願いします。 .free { width:450; height:760; border:none; margin: 0px; overflow: hidden; } .only { width:450; height:680; border:none; margin: 0px; overflow: hidden; } .link { width:450; height:680; border:none; margin: 0px; overflow: hidden; }
- ベストアンサー
- CSS
- 複数の<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
- フレームが表示されない…
今HPを作成してるのですが、色々とタグを試しましたが出来ないの質問します。 自分は、ポケスペというタグで色々と作成できるHPスペースで作ってるのですが、 <p align="center"> <iframe src="http://pksp.jp/*/?o=1" name="menu" frameborder="0" width="20%" height="90%"> </iframe> <iframe src="http://pksp.jp/*/?o=2" name="main" frameborder="0" width="70%" height="90%"> </iframe> </p> というタグで、インナイフレーム？は表示出来るのですが。 <FRAMESET cols="50%,50%" frameborder="NO" border="0"> <FRAME name="left" src="1のURL"> <FRAME name="right" src="2のURL"> </FRAMESET> という、普通の？インナイじゃないフレームは表示されないのです。 どなたか、わかりますか？インナイじゃなくフレームを表示させたいのです。
- 締切済み
- その他([技術者向] コンピューター)
- 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
- インラインフレーム
初めまして。初歩的なことかもしれませんが、 よろしくお願いいたします。 私のＨＰは、メニュー部分をインラインフレームを使っています。 最初は、そんなにメニュー項目がなかったので、高さ設定をそんなに大きく取ってませんでしたが、メニューの項目を追加していくにあたり、設定していた高さでは足りなくなりました。 スクロールにはしたくありません。 毎回、高さ設定をしなおさずに、うまく入れられることは出きますでしょうか？ ちなみに、インラインフレームのタグは、 <IFRAME name="menu" border="0" frameborder="0" marginheight="0" marginwidth="0" src="menu.html" width="143" height="1600" scrolling="no" title="メニュー">このページはインラインフレームを使用しています。</IFRAME> です。 よろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- インラインフレームについて
よろしくお願いいたします。 インラインフレームで、 <IFRAME src="●●.htm" name="kowaza_iframe" width="500" height="300" frameborder="0" scrolling="AUTO"> </IFRAME> とした場合、中に表示する●●.htmの高さが300以上だと、スクロールバーが表示されて、●●.htmがすべて表示されません。これをどんな大きさの●●.htmであっても、そのファイルをそのまま全体を表示することはできないでしょうか？ それとも、そもそもインラインフレームでそのようなことは無理あのでしょうか？
- ベストアンサー
- HTML
- Firefox のインライン表示
インラインを使ったページを作成しましたが。Firefox9ではフレームの中身が途中までしか表示されません。以下、インライン部分のソースです。修正が必要な部分をご教授ください。 よろしくお願い致します。なお、ローカル上ではインラインの中身は指定通りに表示されますがサーバにUPすると途中までしか表示されません。 <script type="text/javascript"> <!-- document.write("<iframe src='../lnav_bnr/lnav_bnr.html' onload='GetHeight(this.id,this.name)' id='lnavfra' name='lnavfra' height='1000' width='233' frameborder='0' marginheight='0' marginwidth='0' title='開催見本市情報' scrolling='no'>"); document.write("このページではインラインフレームを使用しています。<br />インラインフレームに未対応のブラウザをお使いのかたは<a href='../lnav_bnr/lnav_bnr.html'>こちらへ</a>どうぞ。"); document.write("</iframe>"); // --> </script> <noscript> <iframe src="../lnav_bnr/lnav_bnr.html" onload="GetHeight(this.id,this.name)" id="lnavfra" name="lnavfra" height="1000" width="233" frameborder="0" marginheight="0" marginwidth="0" title="開催見本市情報" scrolling="no">このページではインラインフレームを使用しています。<br />インラインフレームに未対応のブラウザをお使いのかたは<a href="../lnav_bnr/lnav_bnr.html">こちらへ</a>どうぞ。 </iframe> </noscript>
- 締切済み
- HTML
お礼
ありがとうございます。 無事出来ました。