thickbox.jsで開いたボックスの幅がずれる場合の原因と対処方法

thickbox.jsを見てみると基本サイズは決まっていて、それを「width」と「height」のパラメーターで調節できるようになっている。

<a href=”#TB_inline?width=500&height=750&inlineId=box0″>test</a>

という感じ。

しかし、WEBサイトのアドレスなどには、パラメーターで

http://test.php?id=123&pass=123

と言うようなものもあり、合わせると

http://test.php?id=123&pass=123#TB_inline?width=500&height=750&inlineId=box0

となり、「width」と「height」のパラメーターをうまく取得できずに、特に、ボックスの幅がおかしくなるということが起こる。

そこで、

<a href=”#TB_inline?width=500&height=750&inlineId=box0″>test</a>

部分に

<a href=”http://test.php#TB_inline?width=500&height=750&inlineId=box0″>test</a>

と直に渡すと良い。thickboxにそのページのパラメーターは基本的に関係ないから。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です