| @技術/プログラミング
 親が経営する飲食店のウェブサイトをつくりました。P_BLOGで構築。Movable Typeの方がプラグインがいっぱいあって便利そうなんですが、商用利用はライセンス料金が高いのでフリーのP_B...

 親が経営する飲食店のウェブサイトをつくりました。P_BLOGで構築。Movable Typeの方がプラグインがいっぱいあって便利そうなんですが、商用利用はライセンス料金が高いのでフリーのP_BLOGにしました。使い慣れてるということもありますしね。

 で、今回チャレンジしてみたのがGoogle Maps APIを利用した地図表示。これ、結構苦しみました。VARSの店舗案内のコーナーに仕込んだんだけど、<body>内にJavaScriptを組み込むと、SafariやFirefoxではきちんと表示されるのに、WInIEだと“処理を中止しました”とかいう不吉なメッセージが表示されてダメなんですよね。<head>内に組み込まないとダメみたい。さすが独自仕様満載のInternet Exploderサマ、一筋縄ではいきません。

 VARSの部分だけヘッダーにJavaScriptを組み込む方法ってあるのだろうかと、P_BLOGオフィシャルフォーラムで調べてみたら、VARSだけ独自のXHTMLを表示させる方法についてのスレッドがあったので(P_BLOG Project : フォーラム)、vars_xhtml.inc.phpというものを用意して、そのヘッダー部分にJavaScriptを組み込んでみました。そしたらWInIEでも問題なく表示。長かった。

 ほかにもInternet Exploiterサマにはいろいろ苦しめられ、CSSでmax-widthを認識してくれないし、えーっと、paddingだかmarginだかのボックスレイアウトについても独自解釈をなさるので、レイアウトが崩れまくるのですよね。IE 7ではWeb標準に沿うようになるらしいので、多くのWebサイトがIEだけのことしか考えずにデザインされる状況が終わり、どんなブラウザでも快適に閲覧できるようになるといいですね。

ちなみに

 恥ずかしいので店のウェブサイトのURLはここには記載しません。見てみたい方はGoogle先生によってインデックス化されるのを待って、気合いで検索してみてください :-P

Google Maps API

この記事に似ている記事

  • Screenshot
     一利用者たる僕がこんなことを書くのは失礼かもしれないですけど、最近、P_BLOGの今後にちょっとした不安のようなものを感じています。有力プラグイン配布サイトの閉鎖 というのは、仲良くしていただいていたmacotoさんのtriflesや大変参...
  • Screenshot
     ヘッダーの背景画像を変え、サイドメニューの位置を上にしてみました。結構格好良くないですか? ただ、Mac IE だと悲惨な見た目になるのが確定的となりました。まだSafariとMac版Firefoxでしか表示確認してないので、Win IE ...
  • Portalshit in iphone
     ダンコーガイ氏の方法も試してみたんだけど、うまくいかなかった。あと @media screen な方法にはバグがあるらしいので、UserAgentで振り分けてiPhoneにだけ専用CSSを適用させることにした。P_BLOGにはUAごとに適用...
  • Screenshot
     最近ブログをいじってばかりのような気がする(笑)カテゴリー検索の仕様修正 カテゴリー検索を行うと、後半部分が重複しているものまで拾い上げられることに気付く。例えば"日記"のカテゴリーを検索すると、"過去の日記"までピックアップされてしまうの...
  • Screenshot
     長らく悩まされたRSSボタンが表示されなくなる現象の原因が分かりました。 「サイト管理」の「環境設定」で「出力文字コード」や「SQL内部エンコード」をいじって文字化けを起こすと、きちんとした組み合わせに戻してもRSSボタンが表示されなくなる...
  • Screenshot
     このサイトは STEP SERVER を利用しています。先日親のためにつくったサイトは XREA を利用しています。二つの格安レンタルサーバーを利用してみて、PHPの仕様など、結構違うものだなということを感じました。 レンタルサーバーではP...

Comments


(Option)

(Option)