resizeByWIN()

resizeByWIN()

現在のサイズを起点として、ウインドウの外寸を変更するサンプルファンクションです。メソッドresizeBy(幅offsetWith,高さoffsetHeight)に幅,高さをピクセルで代入しています。ウインドウ指定を省略するとselfウインドウが指定されます。o6は動作しません。 (サブウインドウを使う場合にはタブブラウザやポップアップを抑制するタイプのブラウザではwindow.openが有効である必要があります。)

*このファンクションをコピーして<script>と</script>の間にペーストしておくだけでこの機能をクロスブラウザに利用できるようになります。

Cross-Browser のための Sample Function


Syntax : resizeByWIN(オフセット幅ピクセル数,オフセット高ピクセル数[,ウインドウ])







  //--ウインドウリサイズ関数(対現サイズ)
  function resizeByWIN(offsetWith,offsetHeight,oj){
    if(!arguments[2])oj=self
    var ua = navigator.userAgent
    var o6 = ua.indexOf("Opera 6")!=-1 ||
             ua.indexOf("Opera/6")!=-1 
    if( o6 ) return                     //o6は除外
    if(document.layers   || document.all || 
       document.getElementById ){       //e4,e5,e6,n4,n6,n7,m1,o7,s1用
      oj.resizeBy(offsetWith,offsetHeight)
      if(document.layers)
         oj.location.reload(0) //n4はreloadでresizeバグ回避 
      oj.focus()               //フォーカスする
    }
  }


Example

<script type='text/javascript'>
<!--

  //--ウインドウリサイズ関数(対現サイズ)
  function resizeByWIN(offsetWith,offsetHeight,oj){
    if(!arguments[2])oj=self
    var ua = navigator.userAgent
    var o6 = ua.indexOf("Opera 6")!=-1 ||
             ua.indexOf("Opera/6")!=-1 
    if( o6 ) return                     //o6は除外
    if(document.layers   || document.all || 
       document.getElementById ){       //e4,e5,e6,n4,n6,n7,m1,o7,s1用
      oj.resizeBy(offsetWith,offsetHeight)
      if(document.layers)
         oj.location.reload(0) //n4はreloadでresizeバグ回避 
      oj.focus()               //フォーカスする
    }
  }

//-->
</script>

<!--リンクをクリックすると////////////////////////-->
<a href="javascript:resizeByWIN(20,10)">
幅20px,高さ10pxずつリサイズ</a><br>

<a href="javascript:resizeByWIN(-20,-20)">
幅-20px,高さ-20pxずつリサイズ</a>