この記事はアピリッツの技術ブログ「DoRuby」から移行した記事です。情報が古い可能性がありますのでご注意ください。
こんにちは abennu です。
今回の内容は題名の通り
IEのwindow.onloadでthickboxが動作しない場合の対処方法を書きます。
はじめにthickboxについて簡単に説明します。
thickboxは主に画像等を格好良く表示したりする
Ajaxライブラリの1つです。
もしも画像を格好良く表示したくなってきたら
thickboxのtb_show()などを使うとちょっとリッチな雰囲気を出せます。
tb_showの簡単な使い方の例は
< input type=”button” onClick=”tb_show(”, ‘hoge.jpg’);”>
こんな感じでしょうか。
これを実行すると
ブラウザの画面が暗くなり、新しいウィンドウが生成されます。
(新しいウィンドウにはhoge.jpgが表示されます。ここにはhtml等も表示できます。)
以上がthickboxの簡単な説明でした。
では本題の対処方法について書いてゆきます。
こんな便利なthickboxなのですが
IEのwindow.onloadでtb_showを以下のように呼び出しても、画面が暗くなるだけで新しいウィンドウはでてきません。
(firefox, chromeでは正常に動作しました。)
window.onload = function(){tb_show(”, ‘hoge.jpg’)};
この場合はwindow.onloadの代わりにjQueryのsetTimeoutを使って..
jQuery(function(){
setTimeout(function(){ tb_show(”, ‘hoge.jpg’) }, 500);
});
このようにすれば動きます。
こんな感じでしょうか。
以上が対処方法です。
