ホーム | ブログトップ | ウィキ | 掲示板 | Thickbox Gallery 2 | checkPennJS | 全国ゴルフ場マップ

« Google Maps API Versi… | Home | Pivot 1.30用 日本語言… »

くちコミ釣りマップ 更新

Tuesday 11 April 2006 at 12:50 pm

Google Maps API が Version 2 になったので、そのアップグレード作業と共にかなり大きな更新を行いました。
  • Google Maps API Version 2 を使用
  • 地図の大きさをブラウザの表示領域にあわせて動的に変更
  • ポイント情報の読み込みを地図の操作にあわせて取得（Ajax）
  • 新規作成や編集などの操作をトップページで行うように変更
  • ブログなどにくちコミ釣りマップを表示させるプラグインを提供

他にも、小さな修正やDHTML的な動作を盛り込んでみました。

ところで、今回の更新で色々勉強をしました。その中でも最も嵌ってしまったのが、

IEで document.body.clientHeight は望む結果を返してくれない

地図をブラウザのサイズにフィットさせるために、ブラウザ表示領域の高さを取得したかったのですが、IEを標準モードで動作させると、document.body.clientHeight はブラウザ表示領域の高さを返すのではなく、bodyに含まれる実際の内容の高さを返してしまうみたいです。
例えば、body内に含まれる内容がブラウザ表示領域の高さに満たない場合は、その内容の高さを返しますし、body要素にheight:1000pxなどのスタイルを適用すると document.body.clientHeight は1000を返します。body要素にスタイルシートで境界線を引いてみたのが以下のイメージ。

互換モード


標準モード



インターネット上で調べてみると既に調査された方がいました。

Internet Explorer上のJavaScriptで、クライアントサイズが取得できない問題

結局、document.documentElement.clientHeight で取得できることが分かり、何とかなりましたがまさに、

スリルと冒険の世界

でした。

davilin | くちコミ釣りマップ, プログラミング, 自作サービス | comments(0) / trackbacks(0)
使用タグ: , , ,

trackbacks(0):

Trackback link:

トラックバック用URLを生成するには、JavaScriptを有効にしてください。

comments(0):
コメント投稿フォーム
名前
電子メール
URL
情報を記憶する

コメントスパム対策のクイズですが、実は長女の名前だったりします。
 

Emoticons コメント

注意： 使用できるタグは <b> と <i> のみです。URLやメールアドレスはそのまま記述すればリンクになります。