DOCTYPE宣言を変更するとjavaが機能しない

解決済

質問者：BananatoMikan
質問日時：2013/04/23 11:20
回答数：2件

ミスティーネットさんの「JavaScript 活用編ポップアップメニューの表示」の
サンプルを使ってみたのですが、
http://java.misty.ne.jp/popup_menu.html

DOCTYPE宣言を
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …

に変更すると、ポップアップが固定となり、同じところにしか表示されなくなります。
該当ページのサンプルは、XHTMLでは機能しないのでしょうか。
それとも、javascriptの記述をどこか変更すれば動くようになるのでしょうか。
詳しい方がおられましたら教えていただきたいのですが、よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Ogre7077
回答日時：2013/04/23 13:35

ご提示のサンプルを追いかけてみましたが、問題はこの部分でした。

style='position:absolute;top:" + h + ";left:" + w + ";'

直すとしたらこのような感じ。数字の末尾に単位 px をつけています。

style='position:absolute;top:" + h + "px;left:" + w + "px;'

CSS で長さや位置を示す際は、必ず単位をつけなければならないのですが、
HTML は数値だけの場合はピクセル(px)を想定するようです。
が、XHTML は厳格に書式を指定しないとエラーとする、が信条ですので書式エラーと見なして無視されます。
ゆえに位置がみな同じところに表示される様でした。

それにしても、このサンプルの内容ですが...
正直いけてないので模倣するのは止めた方がよろしいかと思います。
ブラウザ互換性とか、もうちょっと汎用的に利用できるようにするとか...
というわけで jQuery とか如何ですか?