jQuery:Thickbox

jquery

いつもお世話になっている Thickboxですが、画像の拡大表示くらいしか使っていなかったんですけど、よんどころない事情でインライン表示を使うことになって、いまさらながらのポイントもわかり、きっとあとで見ると思うので、メモメモ。
 

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

    keepThis や placeValuesBeforeTB_ はなくてもへっちゃらみたいです。