話題のナレッジベース | Knowledge Base Weblogs space
HOMEBlogs index Blog/ブログ >> space
space space
space
space
space
space
December 16, 2007 space
   space
space

インラインフレーム frame を使わずにページを object タグで表示

space

iframe タグを使わずにページ内に別のページを読み込むインラインフレームが実現できないか調べていると、javaを使い別ページを読み込むこともかのうですが、この場合にも表示させるページは、IFRMAEで記述しておく必要があります。これでは javaの実装分だけ無駄なコードが実行されるため意味がありません。これ以外にも、 object タグを使えば可能と記述がありました。しかし実際には、ブラウザのバージョンにより表示に差異が大きく、IEのシェアが大きい現在では影響を最も受けるため採用が難しいようです。
 

insert_html.jpg

space

 
 ページ数が少ないうちは、CMS を使いコードをモジュール化することでも十分対応が可能ですが、ページ数が多くなった場合には、メンテナンスが容易ではありません。これを解決するためにIFRAMEを用いることで、ページの構成上メニューやページ間で共通の項目を記述する別ページを用意して、各ページ毎に組み込むことで、UIの統一を図ることができます。
  

 
 IFRAMEを使わずにページを組み込むには、ブラウザのobjectタグを使って、別ページを読み込んでページを構成する手法を用いることが可能です。


 
 上記サンプルのコードのように、まずは、object 要素はインライン要素なので、Strict な (X)HTML でコーディングする場合には、ページを構成する body のタグ要素として記述することはできません。「classid」を指定して読み込んでいるファイルが、HTMLテキストなので、本来は「classid」は不要です。
 
 
 ページの表示エリアを確保するために、width、height を記述する必要があります。IE 以外のブラウザ用として書かれているサンプルも、width、height を指定してあげれば、問題なく IE でも表示されます。
 

 
 さて、このサンプルのコードをページに組み込んで試してみてください。FireFoxでは正しく思った箇所に思ったようにページが組み込まれて表示できたと思います。
 
 
 しかしIEではどうでしょうか?このobject タグのブラウザレンダリングはエンジンの実装の大きく影響されるようで、IEでは左右にスクロールバーが表示されたりしてデザインのコントロールが難しいと思います。まだ、IFRAME を置き換えるほどには熟成された技術ではないのでしょうか?
 
 当分、このコードの実装は見送りするしかありませんね。。。
 
 
 Insert HTML page into another HTML page
 http://aplus.co.yu/web-dev/insert-html-page-into-another-html-page/
 

space
HOMENews BlogsBlog/ブログ | December 16, 2007 |  twitter Livedoor Buzzurl はてな Yahoo!ブックマーク人が登録
space


space Entries of this Category
space

  Next >> ブライトライトとは?寝坊助や鬱症状を改善!朝日で起こす目覚まし時計? >> 

ブライトライトとは?これはオランダのフィリップス社が、人間の体が太陽の光を浴びることで目覚めることを応用して開発した (フィリップス ウエイクアップ・ライト)目覚まし時計だそ...»この話題を見る…


  Previous << 海賊キッドの沈没船 カリブ海で300年ぶりに発見か!? << 

ディズニー映画「パイレーツ・オブ・カリビアン」のモチーフとなった17世紀のカリブ海をまたにかけたキャプテン・キッドの海賊船「クェダ・マーチャント号」とみられる沈没船が、ドミニカ... »この話題を見る…


space
space
Welcome to knowledgeBase  Blogs  ▲TOP