いつもお世話になっている Thickboxですが、画像の拡大表示くらいしか使っていなかったんですけど、よんどころない事情でインライン表示を使うことになって、いまさらながらのポイントもわかり、きっとあとで見ると思うので、メモメモ。
- 別ファイルをモーダルで表示するとき、どうやって閉じればいいんだ?
こう「self.parent.tb_remove();」します。具体的には、こんな感じ。
<a href=”javascript:self.parent.tb_remove();”>Close Window</a> - Thickboxをドラッグ可能にする
これはまだ試してないけど、動かせなくて不便だなと常々思っていたので、そのうちやってみます。
jQuery UI Draggable を使えば簡単よ、ということらしい。 - Thickbox呼び出し方のまとめ
<a href="#TB_inline?height=xxx&width=xxx&inlineId=divID" class="thickbox">EXAMPLE</a> <a href="#TB_inline?height=xxx&width=xxx&inlineId=divID&modal=true" class="thickbox">EXAMPLE</a> <a href="http://url.com?keepThis=true&TB_iframe=true&height=xxx&width=xxx" title="xxx" class="thickbox">EXAMPLE</a> <a href="http://url.com?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=xxx&width=xxx&modal=true" title="xxx" class="thickbox">EXAMPLE</a>
keepThis や placeValuesBeforeTB_ はなくてもへっちゃらみたいです。