インラインフレーム
2005年03月01日 AQ
Pet Lovers Only♪ では、主にブログ用の掲示板をフリースペースに導入したり、ジャバスクリプトを使用したマスコット系のプラグインを、他のジャバスクリプトの記述とかち合わないようにする為に使用しています。インラインフレームをフリースペースに設置する事に関しては、非常に簡単でどなたでもすぐにできるでしょう。以下に書かれたタグをご覧下さい。
この枠で囲まれたタグは、単に記述したタグの周りを罫線で四角く囲んだのではなく、別のところに置いてある HTML ページを読み込んで表示しているのです。このようにページ上の自由な位置に設置できるフレームをインラインフレームもしくは、浮遊フレームと呼びます。このインラインフレームをサイドバーのフリースペースに設置し、その中に掲示板などを読み込む事によって、スクロールバーを出現させ、いたずらにサイドバーが長くなることを防げます。
また読み込む HTML ページが一定のサイズの場合は、そのサイズにインラインフレームのサイズを合わせれば、スクロールバーは出てこないで、インラインフレームを使用している事さえもわかりません。この方法は、設置するジャバスクリプトを使用したプラグインが、ブログ自体の HTML に記述されたカスタマイズの為のジャバスクリプトと、かち合ってケンカする時にも有効です。設置するプラグインのジャバスクリプト自体は違うページに記述されているのですから。
■ frameborder="0" にすると・・・。回りの線は見えません。
Pet Lovers Only♪ では、「 ネコ温度計 」 も 「 Pholiot 」 もこれの応用で設置しています。ただしこの方法は、閲覧される方の PC 環境によってはまったく見れませんので、重要なコンテンツに対しては使用しない方が良いでしょう。差し障りの無いお遊びの中でご使用下さい。
※ 追記 ( 2006年01月29日 )
現在のデザインのブログには、サイドバーにインラインフレームは使用していません。現在は、「 お問い合わせ 」 のフォームにインラインフレームを使用しています。これはフォームの CGI の
charset が Shift_JIS なのに対して、ライブドアでは euc-jp
の為、文字化けをおこすからです。見た目にはインラインフレームの回りの線を消しているので、使用している事はわからないと思いますが ・・・。
![[BloMotion]ブログで記事を書いて報酬をゲット!! [BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif)




