« コミックマーケット85【3日目】(2013.12.31) | トップページ | TOHO CLOCKをWEBページに表示(2014.03.02) »

WEBページ内に他のWEBページを表示するiframe(2014.03.02)


実例はこんな感じ。
他のWEBページを、自分のWEBページ上に表示できる。



 
HTML文(iframe):

<iframe src="http://testfast.blog.shinobi.jp/" name="test_fast" width="400" height="500" scrolling="auto" >
インフレームを使っています。未対応のブラウザをお使いの方は<a href="http://testfast.blog.shinobi.jp/">更新情報</a>からどうぞ。
</iframe>

ちなみに上記のHTML文をココログに貼りつけると、
<iframe ~>と</iframe>に挟まれた文【インフレームを使って~どうぞ。】までが消えた。
この部分はiframeが機能しない場合に表示される部分だが特に気にしない。


今回の失敗点:
iframeで縮小表示がうまくいかない。結局スクロールさせる表示になった。
iframeで縮小表示する際に使う「zoom属性」がうまく機能しない。STYLE="zoom:50%"を追加するのだが、ブラウザの種類によって表示が変わる、または機能しない。

IEは縮小表示した。iframeの外枠も縮小した。
Firefoxは機能しなかった。
Chromは縮小表示はしなかった。外枠はなぜか縮小した。
SafariはChromと同じ。縮小表示はしなかった。外枠はなぜか縮小した。

zoom属性比較
http://watawata-knoppix.cocolog-nifty.com/blog/blog_diary/iframe/zoom.html



参考サイト:
インラインフレーム
http://siriasu.s10.xrea.com/webtips/tips11.htm

ページ内に別サイトを縮小表示させたい。
https://ensmall.net/uf/forum/post_view.php?id=2169
zoom属性をここで知った。

文系人間再生学
http://www14.plala.or.jp/Shukuhuku/tag_iframe.html
後で参考に。

iframeで、WEBサイトのサムネイルみたいに表示する。 - それマグで!
http://takuya-1st.hatenablog.jp/entry/20120508/1336497442
HTML5のtransformを使えばiframeのように使えるらしい。しかし使い方がうまくわからない。HTML5の構文とか詳しくないので今回パス。


スクロール バーを表示せず、IFrame の内容のサイズにサイズを変更するには、方法
http://support.microsoft.com/kb/278469/ja
このIFrameのサイズをどう合わせるかが分からなくてあきらめた。サイズ指定部分が探せない。
サンプル:スクロール バーを表示せず、IFrame の内容のサイズにサイズを変更するとかいう方法


IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
http://phpspot.org/blog/archives/2006/11/iframehtmlhtml.html
Objectタグで外部ファイルを読み込むらしい。さっきと同様で、このIFrameのサイズをどう合わせるかが分からなくてあきらめた。サイズ指定部分が探せない。
サンプル:Objectタグサンプル


HTML5/埋め込み/object要素 外部リソースを埋め込む - TAG index Webサイト
http://www.tagindex.com/html5/embed/object.html
Objectタグの決まりの参考。Objectタグの文で
<object type="text/html" data="http://testfast.blog.shinobi.jp">とあり、
WEBサイト指定の場合、type="text/html"、
動画(.swf)の場合、type="application/x-shockwave-flash"と指定する。



|

« コミックマーケット85【3日目】(2013.12.31) | トップページ | TOHO CLOCKをWEBページに表示(2014.03.02) »

ウェブログ・ココログ関連」カテゴリの記事

コメント

某大学のサークル公式ブログを公式HPを埋め込んで表示させる際に参考にさせて頂きました!おかげで思っていた通りに出来そうです,ありがとうございました!!

投稿: mayor | 2015年12月30日 (水) 15時22分

mayor様。
コメントありがとうございます。
情報が活用できてよかったと思います。

投稿: watawata | 2016年1月 4日 (月) 08時24分

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1036326/55197051

この記事へのトラックバック一覧です: WEBページ内に他のWEBページを表示するiframe(2014.03.02):

« コミックマーケット85【3日目】(2013.12.31) | トップページ | TOHO CLOCKをWEBページに表示(2014.03.02) »