- ベストアンサー
IFRAMEをJAVASCRIPTで表示したい。
現在自分のＨＰ内で以下のようにIFRAMEを使用しているのですが、 <iframe src="http://www.xxxx.com/" height="500" width="500" scrolling="no" frameborder="0"></iframe> この表記を外部呼出しのJAVASCRIPTで行うことは可能でしょうか？ またもし可能なら表記、コードも教えていただけると嬉しいです。 自分なりに色々調べてみたのですが、まだまだ知識が乏しく行き詰っております。 どうかよろしくお願いします。
- sho001
- お礼率22% (2/9)
- JavaScript
- 回答数2
- ありがとう数7
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <title>iframe</title> </head> <body> <script type="text/javascript" src="abc.js"></script> </body> </html> ===================================================== abs.js document.write("<iframe src='test.html' height='500' width='500' scrolling='no' frameborder='1'></iframe>"); …のほうがシンプルでは？ それに、innerHTMLは非対応のブラウザも無いことも無く、 なるべくなら使わないほうがいいと思います。
その他の回答 (1)
- auty
- ベストアンサー率58% (284/486)
以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <title>iframe</title> <script type="text/javascript" src="abc.js"></script> <script type="text/javascript"> <!-- //--> </script> </head> <body> <div id="f1">iframe</div> </body> </html> ------------------------------------------------------------ abc.js ------------------------------------------------------------ window.onload=function() { document.getElementById("f1").innerHTML="<iframe src='test.html' height='500' width='500' scrolling='no' frameborder='1'></iframe>"; }
お礼
参考になりました！ ありがとうございました！
関連するQ&A
- <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
- 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の設定
インラインフレームを現在使ってＡというホームページの一部から、Ｂというホームページの一部を覗くようにしています。（以下） <NOLAYER><IFRAME name"sample" boeder="0" frameborder="0" marginheight="0" marginwidth="0" src="http://homepage2.nifty.com/sakuya_me/111.htm" width="430" height="134" scrolling="no"></IFRAME></NOLAYER> <ILAYER SRC="http://homepage2.nifty.com/sakuya_me/111.htm" width="419" height="134" scrolling="no"></ILAYER> この文だと、111.htmの画面左上角から見えるようになりますが、 それを、適当な見たい位置にずらしす事は可能でしょうか？（虫メガネのように） よろしくお願いします。
- 締切済み
- HTML
- 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の高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="？？？"> 宜しくお願いします。
- 締切済み
- HTML
- リンク元の引数を取得してjavascriptを実行したい
リンク元に引数を入力して、リンク先でページのインラインフレームのページが指し換わるjavascriptを実行させたいです。 実行させたいjavascriptは function change(URL1,URL2) { document.getElementById('contents1').innerHTML = '<iframe src="'+URL1+'" width="620" height="343" frameborder="0" scrolling="no" name="myFrame1" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; document.getElementById('contents2').innerHTML = '<iframe src="'+URL2+'" width="620" height="215" frameborder="0" scrolling="no" name="myFrame2" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>' ; } 引数からURL1とURL2に代入したいです。 アドバイスよろしくおねがいいたします。
- 締切済み
- 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が効かない
iframeを指定しても全体に表示されてしまう。urlをyahooなどに変えれば出来ているのでコーディングは大丈夫だと思います。 iframeが効かないサイト（ここでは書けませんが）があるのですが、なにか工夫をすれば、できる様になるのでしょうか。 それともiframeが効かないように意図的にサイトの方で調整されているものなのでしょうか。 宜しくお願いします。 コーディング例） <iframe src="http://www.yahoo.co.jp/" height=500 width=1000 frameborder=1 scrolling=auto></iframe>
- ベストアンサー
- HTML
お礼
まさにそれです！ ありがとうございました！