« EC-CUBE 納品書の不具合 その2 | トップページ | EC-CUBE 「この商品を買った人は、こんな商品も購入しています」 »

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-CUBE 納品書の不具合 その2 | トップページ | EC-CUBE 「この商品を買った人は、こんな商品も購入しています」 »

パソコン・インターネット」カテゴリの記事

コメント

行き詰っていたときに助かりました!
ありがとうございました!!!

投稿: パッツパツ | 2013年2月17日 (日) 19時26分

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/520403/45217861

この記事へのトラックバック一覧です: JavaScriptのマウスストーカー XHTML編:

« EC-CUBE 納品書の不具合 その2 | トップページ | EC-CUBE 「この商品を買った人は、こんな商品も購入しています」 »