Development memo » thickbox

thickbox.js とIE7でバグかと・・・

soya — Fri, 19 Mar 2010 08:41:18 +0000

thickbox.jsを使って、htmlを表示させようとしたのですが、IE７で表示すると、ページの下のほうでthickboxを使うと、ページの上部でウィンドウが開くという現象に悩まされた。jqeryのバージョンをさげたり、thickboxのパラメータをいろいろ変えたりしたけど、解決せず。

Thickboxの公式サイトをよく読んで見ると、

Before you can implement ThickBox make sure the page that invokes ThickBox has a valid DTD. This is required for ThickBox to look and function correctly.

おい。

ということで、

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

私のｈｔｍｌの場合上記を入れることで、解決。幸せになりました。

Javascript　elementの値がとれず、ハマリました

soya — Tue, 17 Mar 2009 01:37:23 +0000

DOM(thickbox)で読み込んだページの先でJavascriptによるフォームの精査をするスクリプトを書いたのですが、elementの値がとれず、原因を調べるのに少々時間がかかりました。

原因はフォーム名の重複でした。こんな基本的なところで引っかかるなんて・・・。DOMで読み込んだものがFORMの0番目だと思い込んでいたので、それがそもそもの間違いでした。DOMを呼び出している側のFORMが0番目になります。

結局DOMで読み込んだ側のFORMに名前をつけてやって無事解決しました。

いずれまたはまりそうな気がしたのでメモっておきます。

class=”thickbox” に rel をつけると画像が表示されない

soya — Fri, 20 Feb 2009 08:34:13 +0000

thickboxでグループ化しようと思ったら、画像が表示されませんでした。reｌをつけないとうまくいくのに。

以前制作したときには問題なくグループ化できたので、原因を調べて見たところ、jQueryのバージョンが以前制作したものと違っていました。

今回エラーがでたバージョンはjQuery3.1で以前正常に表示できたjQuery はjQuery 1.2.6でした。案の定jQuery 1.2.6にバージョンを落としてみたらグループ化できました。しかし、jQueryは他の部分でもしようしているのでバージョンを下げるわけにはいかず、色々と調べたところ、

Thickbox 3.1（unCompressed）の79行目、
TB_TempArray = $(“a[@rel="+imageGroup+"]“).get();
というの
TB_TempArray = $(“a[rel="+imageGroup+"]“).get();

に変更すれば出来ました。

Development memo » thickbox

thickbox.js とIE7でバグかと・・・

Javascript elementの値がとれず、ハマリました

class=”thickbox” に rel をつけると画像が表示されない

Javascript　elementの値がとれず、ハマリました