Prodused by SAKI

This site is a personal works of "SAKI".
I hope there will be a much of fun contents and funny dreams.
Of coursse that is a future occurrence.
The Watchword is "Picture Yourself".

Count:14041(4/1)Bot:433416(14/26)
HOME>BLOG > お知らせ > 更新記録_HP > Galleryコーナーに「鑑賞-空から降る雪」を掲載

Attention!! Your Access is doubtful of Bot or Crawler.
 当サイトは日本国内からの正当なアクセスがなされることを前提にページを作成しています。
 BOTによるアクセスであると判断した場合は、画像や書庫ファイル、スタイルシートなどを廃した"情報"のみが表示されます。
 もし、そういった心当たりのない方でこのメッセージが表示された場合は、クッキーが保存されない、ユーザーエージェントにBOTを連想させる文字列が含まれている、海外Ploxy経由などの可能性があります。
 できましたら、正当な環境にてアクセスされますようお願いいたします。
 なお、ご不明な点や、どうしても現在の環境でのアクセスをご希望される場合は、メールフォームにて相談して頂ければ善処させていただきたいと思います。

MODE: ゲストモード

USER ID:
PASS:
ADMIN

TOP PAGE
サイトトップに戻ります

はじめに
このサイトの紹介です

更新履歴
このサイトの更新履歴です

掲示板
足跡を残してくれると嬉しい

リンク
他サイトへのリンクページです

INDEX
入口ページに戻ります

ARCHIVES
検索および過去記事

<前月 2019年11月 次月>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

NEW ENTRIES
最近の記事

CATEGORIES
カテゴリ一覧

ACCESS RANK
閲覧回数ランキング

ランキング対象がありません[]

COMMENTS
最近のコメント

POWERED BY

NOTICE
 拙作のBlogn用モジュール(コメントアイコン等)をお求めに立ち寄られた方へ、
サーバー移転時に不都合があり、(旧)ブログの移転作業が頓挫してしまいました。本家「開発コーナー」にて新バージョンを紹介させていただいていますのでご参照くださいませ。

コメントアイコン&絵文字モジュール
表示モード別分岐タグモジュール

 なお、「開発コーナー」では上記のモジュールだけでなく、それ以降にリリースしたモジュール等も掲載させていただいてます。
Prev(新しい記事)< >Next(古い記事)

 これまで、イラストやらくがきの展示のみであったGalleryコーナーに「鑑賞-空から降る雪」を掲載いたしました。

 中身は、JavaScriptによって、雪空を見上げている情景を構築したものです。


続きを読む ≫
[PIC]

「鑑賞-空から降る雪」

 スクリプト自体は、私が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

トラックバック

Prev(新しい記事)< >Next(古い記事)


Copyright © 2008-2009 The Blue and Violet Storys All Rights Reserved.
当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。