JavaScriptのマウスストーカー XHTML編
JavaScript でマウスを追いかけるヤツを設置する依頼があった。
昔からあるよくあるヤツだし、NN6とIE対応になっていたし、ということでタカをくくってた。
普通にテスト用の簡単なページに貼り付けてた時は、確かにどのブラウザでも動いていたのに、
いざ本番用のページに設置したら、FF,Safari,IE6ともに動いていない。動くのはIE7のみ！！
ぐぐってみたら、
'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'
HTMLの先頭にこの記述があると、うまく動かないという情報が見つかったのだけど、
この一文を外してしまうと IE6のデザインが崩れまくる。
そもそも、この一文がある意味を考えてみると、やはりJavaScriptの記述に
間違いがあるのでは、という気持ちが強くなって いろいろ試しました。
直した箇所は沢山あるのだけど、Firefoxの場合、位置の指定の時に
単位を付けないとダメ、というのが一番「そうだったのか～」と思えたので覚え書きです。
document.getElementById("xxxx").style.left = NX_POS +"px";
document.getElementById("xxxx").style.top = NY_POS +"px";
こんな感じ。
今は無事、動いております。
| 固定リンク
「パソコン・インターネット」カテゴリの記事
- EC-CUBE2.3.xで納品書を一括出力する(2009.11.11)
- 今さら！携帯待受Flash(2009.10.09)
- OpenPNE 備忘録(2009.10.06)
- XREAにOpenPNEインストール(2009.10.05)
- EC-CUBE 2.3.3高速化(2009.09.04)
コメント