IEでのlongtail挙動について

longtail の実装で、少し気になったことがあるので、メモ程度に書いておきます。
Firefox Opera その他 非IE系のブラウザは問題ないのですが、

IEにかぎり、Objectが定義されてない旨のエラーが出てました。
もちろん、動作も問題ないのですが、やはり、エラー表示は気になります。

swfobject.jsの内容をおってみましたが、一行スクリプトで、判りづらいところもありましたが、

var SWFObject=deconcept.SWFObject;
この部分で、SWFObjectが生成できてないよといわれてるようです。

IEの場合getElementByID がうまく動かない時があるのを経験していますので、
その振り分けの部分かなーと思っています。

たしかIEの場合、正しくは、document.all.item(id) でDOMにアクセスしにいけてたと思いますので、
その辺を踏まえて、ハックを試みてみようと思います。

jQueryのDOM操作

今日の運勢など、更新する内容を、単純化しようと思いjQueryをつかって、
clickイベントが発動したときに、指定ID属性へappendするものを作ってみた。
しかし・・・なんだか重い。

おひつじ座の運勢を４つほど
総合
金運
　・
　・

・・と用意して、それぞれ追加ボタンを押すと、☆が表示されるものです。
星座は１２種類あるので、単純に、12x4=48個のリスナーが随時動くことになると思います。

それが、４つで若干重くなるということは４８個も設定するとかなり重くなるのかなと重い
いろいろ調べてます。

http://k-project.ariatown.net/contents/bbs-developer/test/star.html
ここにテスト用のサンプルhtmlを用意しましたが、
改善点などがわかれば少しずつ直して高速化を図りたいと思います。

ちなみに、ブラウザによって、速度はぜんぜん違いました。
Opera>Firefox>IE8 の順でした。

IE8に関しては、遅さが目に見えてわかりました。
jQueryといえども、javaScriptなのでクライアント側のブラウザに大きく影響するのでしょう。

そういった意味では、Operaはとても優秀なブラウザですね。

ちなみに、私はfox使いです(^^;

longtailの実装

longtailをhtml内に組み込んで見ました。
構成は、Flashのフレームが数点用意されていているので、それらをセットして、再生部分に
自分のFLVを差し替える形です。

http://k-project.ariatown.net/contents/bbs-developer/
(実装状態はコチラで確認できます。)

表示部分のソースは以下のようになりました。
20080711011.flvが、Flash映像の部分です。

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("player","9.0.98","expressInstall.swf");
</script>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="328" height="200">
<param name="movie" value="player-viral.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=20080711011.flv&image=preview.jpg" />
<object type="application/x-shockwave-flash" data="player-viral.swf" width="328" height="200">
<param name="movie" value="player-viral.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=20080711011.flv&image=preview.jpg" />
<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>
</object>
</object>