- ベストアンサー
div内に外部のurlを表示させたい
たびたびお世話になります。 divにスクロールを表示することで、iframeのようにブラウジングすることができますが、 このdiv内に外部のurlを表示させることは可能でしょうか？ 検索してみたのですが、思うようなものが見つからず困っています。 それとも、不可能なのでしょうか？ もし可能なのであれば、その方法等簡単に記述していただければ幸いです。
- BluegrayChocolat
- お礼率65% (310/473)
- HTML
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
iframeの代用はobjectを使うのが定石のようです。 こんな感じでしょうか？ <body> <div> <object type="text/html" data="http://www.yahoo.co.jp/" width="600" height="300"> <p>object に対応していない場合はこれが表示される</p> </object> </div> </body> ただ、Objectタグには制限が多く使いづらい部分もあります。 ※たとえば、枠の非表示などができない CGIやPHP、JavaScriptを介す方法を考えた方が、場合によってはいいかもしれません。 とりあえず、一つの回答ということで…。
その他の回答 (4)
- koke29
- ベストアンサー率58% (114/196)
外部URLの意味わかりました <body> <div style="overflow:auto; width:300px; height:150px; border:1px solid #333333; padding:10px;"> <?include("http://www.yahoo.co.jp");?> </div> </body> これでいけますよ <? ?> の間に入っているのはPHPなのですが HTMLファイルに埋め込みしているのでhtaccessに AddType application/x-httpd-php .html の追記が必要かもしれません お試しあれ。。。
- twinhourse
- ベストアンサー率45% (5/11)
このサイトの18番みたいなことでしょうか。 http://www.shoeisha.com/book/hp/dhtml/ これで使ってる二つのjsファイルを使えば、できると思います。javascriptの記述方法はソースを見れば、何となくわかると思います。
- koke29
- ベストアンサー率58% (114/196)
何かバケちゃいましたが 5行目の最後は</p>です。。。
- koke29
- ベストアンサー率58% (114/196)
こういうことですかね？？ 外部のURLを～ というのがどういうことを指すのかわからないので 質問の答えになっているのかどうかわかりませんが。 ↓なら<p>に入れられるものなら何でも入ります。 <body> <div style="overflow:auto; width:300px; height:150px; border:1px solid #333333; padding:10px;"> <p>あああああ</p> <p>http://www.yaoo.co.jp</p> <p><a href="http://www.yaoo.co.jp">http://www.yaoo.co.jp</a></p> <p>あああああ</p> <p>あああああ</p> <p>あああああ</p> <p>あああああ</p> <p>あああああ</p> </div> </body>
お礼
アドバイスありがとうございます。 ちょっと私の意図するところとは違うようです。 その方法だと、単純にスクロールを表示させるようにしたDIV内に、 リンクを張っているだけなのでは、と思うのですが。 外部のURLを、という言い回しはちょっと分かり難かったですね。 DIV内に、親ページとは違う独立したページを表示させるということです。 まさにそのままiframeの表示方法です。