ボタンクリックThickBoxポップアップウィンドウ

1567 ワード

ThickBoxは強力なjQueryポップアップウィンドウプラグインで、一般的な使い方はリンクの中で、例えば:
Htmlコード
  •   
  •   
  • <a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="    " class="thickbox" >
    <img src="../images/search.png" border="0"/>
    </a>

    aラベルのclassプロパティをthickboxに指定します.ここでモードウィンドウがポップアップされ、iframeでポップアップされます.これにより、ポップアップウィンドウでjsコードを実行することもできます.
    ボタンをクリックするときにウィンドウをポップアップする必要がある場合もあります.
    Jsコード
  • tb_show('タイトル','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);  
  • tb_show('  ','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

    を選択します.ウィンドウで
    Jsコード
  • self.parent.tb_remove();  
  • self.parent.tb_remove();

    をクリックしてウィンドウを閉じるか、次のコードで親ウィンドウの内容をリフレッシュできます.
    Jsコード
  • self.parent.window.location.reload();