jQueryその５

実験

今回実験しているところ

いよいよThickBoxで検索結果を表示するところに取りかかったのですが、なんとGrayBoxには有ったフルスクリーンで表示するという機能がないことに気がつきました。
もちろんheightとwidthをパラメータで与えてあげれば出来ないことも無いのですが、如何せんクライアントのウインドウサイズの取得方法がまちまちでjQueryも特になにもしてくれないので自前でなんとかしなければならない
※GrayBoxのライブラリのAJS.jsでは以下のような方法で取得しています

getWindowSize: function() {
  var win_w, win_h;
  if (self.innerHeight) {
    win_w = self.innerWidth;
    win_h = self.innerHeight;
  } else if (document.documentElement && document.documentElement.clientHeight) {
    win_w = document.documentElement.clientWidth;
    win_h = document.documentElement.clientHeight;
  } else if (document.body) {
  win_w = document.body.clientWidth;
  win_h = document.body.clientHeight;
}

あげくの果てに指定したサイズの外側にボーダーやらタイトルやら付けているので、外枠の分を引いた値でサイズを指定しないと*1

参考

デフォルトのサイズでThickBoxを表示させた例

*1:あげくにThickBox用のCSSでIEハックしている部分もあるのでそこも考慮が必要