MainPage 〜きまぐれ ぷろぐらま語録〜
 

2024年3月
          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
31            

最近の記事
Blog移転

エアポート2010を見た

花椒油

Steve Jobs,1955-2011

鉄球に無数のとげが付いた武器

M55→M42(T)が欲しい

健康診断done

回転寿司のルール

相模湖リゾート・プレジャー・フ ..

過去ログ 【表示/最小化】
2011年10月
2011年 9月
2011年 8月
2011年 7月
2011年 6月
2011年 5月
2011年 4月
2011年 3月
2011年 2月
2011年 1月
2010年12月
2010年11月
2010年10月
2010年 9月
2010年 8月
2010年 7月
2010年 6月
2010年 5月
2010年 4月
2010年 3月
2010年 2月
2010年 1月
2009年12月
2009年11月
2009年10月
2009年 9月
2009年 8月
2009年 7月
2009年 6月
2009年 5月
2009年 4月
2009年 3月
2009年 2月
2009年 1月
2008年12月
2008年11月
2008年10月
2008年 9月
2008年 6月
2008年 5月
2008年 4月
2008年 3月
2008年 2月
2008年 1月
2007年12月
2007年11月
2007年10月
2007年 9月
2007年 8月
2007年 7月
2007年 6月
2007年 5月
2007年 4月
2007年 3月
2007年 2月
2007年 1月
2006年12月
2006年11月
2006年10月
2006年 9月
2006年 8月
2006年 7月
2006年 6月
2006年 5月

広告欄

 

Blogを移転させました。
新Blogは次のURLです。
https://kerokero.org/wp/




XHTML1.1Validでiframeを使いたい
先日、2009年の九州・広島旅行記(書きかけ)をアップした。

しかし、かみちゅ!聖地巡礼尾道観光のページに、
GoogleMAPを埋め込んだのは良いが、
IEではうまく表示されていなかった。

原因は、XHTML1.1とIEの組み合わせの問題。

件のページはXHTML1.1にValidなページとして、
書いていたのだけど、
GoogleMAPを埋め込む際に問題があった。

それは、GoogleMAPの埋め込みコードで使用しているiFRAMEタグは、
XHTML1.1から廃止になっている点である。

廃止と行っても、代替として、
<object type="text/html" data="〜">Object非対応時のメッセージ</object>
とすることで、iframeと同等の機能が実現できるため、
そちらに移行すれば問題がないはずである。

しかし、IEの場合には、どうやら、
「Objectタグで外部サイトのデータを読み出すことは出来ない」
という制約があるようである。

そのため、XHTML1.1Validな件のページでは
GoogleMAPが表示できない状態になっていたのが原因。

んじゃあ、どうすればいいかというと、
いろいろと解決方法はある。
・HTML1.0TraditionalやHTML4.01等にする。
・JavaScriptでIEならばIFRAMEに書き換える。
・IEの独自拡張を使う。
など。

というわけで、今回は、最後のIEの独自拡張を使用することにした。

IEには条件分岐コメントなる、気持ち悪い便利な構文がある。
こんな書式である、
<!--[if IE]>IEの場合に表示される内容<![endif]-->
こうすることで、一般的なブラウザでは<!-- 〜 -->はコメントとして扱われ、
IEだと、この部分が表示されることになる。

逆に、IE以外への対応としては
<!--[if !IE]> -->IE以外はこれが表示される。<!-- <![endif]-->
とすればよい。

これを駆使することで、このページ群は
XHTML1.1Validで、GoogleMAPを埋め込むことが出来たのでした。
※ので、記述例は、このページのソースをご覧ください。

IEのこの、外部サイトのデータを
Objectから読み出せないという仕様は、
気持ちは痛いほど分かるけど不便。

こうなっている理由も察しは付くので、
IEが対応してくれそうもないので、気持ち悪いけど、
この対応でしばらく行くしかなさそう?
00:23, Monday, Jan 03, 2011 ¦ 固定リンク ¦ 携帯


■コメント

■コメントを書く

※コメントの受け付けは終了しました

△ページのトップへ
 

最新のつぶやき

サイト内検索
カスタム検索

旅行関係の記事等
九州・広島旅行記 2009(かみちゅ!)
大阪出張(KANON)
大阪出張(ハルヒ)
三宅島旅行記'05
三宅島旅行記'08
三宅島旅行記'10
伊豆半島小旅行

最近のコメント

最近のトラックバック

IPv4枯渇時計

携帯で読む
   URLを携帯に送る





[Valid RSS]

Powered by CGI RESCUE