これまで、イラストやらくがきの展示のみであったGalleryコーナーに「鑑賞-空から降る雪」を掲載いたしました。
中身は、JavaScriptによって、雪空を見上げている情景を構築したものです。
中身は、JavaScriptによって、雪空を見上げている情景を構築したものです。
[PIC]
「鑑賞-空から降る雪」
スクリプト自体は、私がHPを一番最初に始めたころに、遊び半分で作っていたもので、かなり古いものになります。
今回、実装にあたっては、当初ブラウザのを全面を使って表現していたものを、Galleryコーナーの仕様に合わせてコンテンツエリアの中に押し込むという手続きを施しました。
特にそれによってコードが複雑になったわけではないのですが、降らせる雪の座標を特定するために、親コンテナであるコンテンツエリア（div）のブラウザ上からの位置取得に手間取りました。
文字通り、IEとそのほかのブラウザでは、コンテナの座標を取得するためのプロパティ（OffsetLeftやOffsetTop）の挙動が異なっていたわけですね。
IEの方は、純粋に対象コンテナのさらに上の親コンテナに対する相対座標を返すのに対して、比較してみたFireFoxでは、おおもとであるbodyからみた座標を返すようです。
利用する側から見たら、FireFOXの方がずっと簡単に扱えますが、IEの仕様では、bodyから子コンテナ、さらに孫コンテナと入れ子になっているコンテナのIDを対象コンテナまで順に辿ってその合計を取ってやらなければなりませんでした。
なんとも、面倒くさい仕様です。
それはともかく、なんとか実装しました。動作確認はIE7.0とFireFOX3.0でしか行ってませんが、おそらく他のブラウザでも大丈夫だと思いたいものです。
≪ 続きを隠す
「鑑賞-空から降る雪」
スクリプト自体は、私がHPを一番最初に始めたころに、遊び半分で作っていたもので、かなり古いものになります。
今回、実装にあたっては、当初ブラウザのを全面を使って表現していたものを、Galleryコーナーの仕様に合わせてコンテンツエリアの中に押し込むという手続きを施しました。
特にそれによってコードが複雑になったわけではないのですが、降らせる雪の座標を特定するために、親コンテナであるコンテンツエリア（div）のブラウザ上からの位置取得に手間取りました。
文字通り、IEとそのほかのブラウザでは、コンテナの座標を取得するためのプロパティ（OffsetLeftやOffsetTop）の挙動が異なっていたわけですね。
IEの方は、純粋に対象コンテナのさらに上の親コンテナに対する相対座標を返すのに対して、比較してみたFireFoxでは、おおもとであるbodyからみた座標を返すようです。
利用する側から見たら、FireFOXの方がずっと簡単に扱えますが、IEの仕様では、bodyから子コンテナ、さらに孫コンテナと入れ子になっているコンテナのIDを対象コンテナまで順に辿ってその合計を取ってやらなければなりませんでした。
なんとも、面倒くさい仕様です。
それはともかく、なんとか実装しました。動作確認はIE7.0とFireFOX3.0でしか行ってませんが、おそらく他のブラウザでも大丈夫だと思いたいものです。
≪ 続きを隠す
|2009,01,02, Friday 04:43 PM | comments (0) | trackback (0) |
この記事に対するコメントの受付は終了しています。
コメント
トラックバックURL
http://bvs.saki-net.com/tb.php/138