..


 ■HomeJavaScriptサンプル集〔基本編〕−ウインドウ制御(ポップアップウインドウ)
JavaScript 無料のフリースクリプト集...
ポップアップウインドウ ポップアップウインドウ

 ポップアップウインドウをつくる汎用な関数を作ります。HTMLの中からポップアップウインドウを作るのに便利。

 HPでの使用方法
1.<head>〜</head>タグ間の編集

 ポップアップウインドウの関数を作るHTMLの<head>〜</head>タグ間に次の赤字の部分を挿入してください。

<script language="JavaScript"><!--
function popWin()
{
   var p=popWin.arguments;// 引数の配列オブジェクトをpに代入
   var n=p.length;// 引数の数を取得
   if(n==1){window.open(p[0]);}
   if(n==3){window.open(p[0],"","width="+p[1]+",height="+p[2]);}
   if(n==5){window.open(p[0],"","width="+p[1]+",height="+p[2]+",left="+p[3]+",top="+p[4]);}
   if(n==6){window.open(p[0],"","width="+p[1]+",height="+p[2]+",left="+p[3]+",top="+p[4]+","+p[5]);}
}
// --></script>


2.使い方

 ボタンやリンクの"onclick"イベントを使って関数「popWin」を呼び出します。引数はURL以外は省略可能で色々な制御ができます。(サンプルプログラムを参考にしてください)

onclick="popWin('URL',ウインドウの幅,ウインドウの高さ,ウインドウのX座標,ウインドウのY座標,'その他追加したい機能')"

主な追加できる機能「,」で区切ってください
パラメータ名
説明
toolbar
 ツールバーの表示/非表示 [=yes|no]
location
 ロケーションバーの表示/非表示 [=yes|no]
directories
 ディレクトリバーの表示/非表示 [=yes|no]
status
 ステータスバーの表示/非表示 [=yes|no]
menubar
 メニューバーの表示/非表示 [=yes|no]
scrollbars
 スクロールバーの表示/非表示 [=yes|no]
resizable
 ウインドウサイズの変更可/不可 [=yes|no]
ブラウザの種類やバージョンにより使えない場合があるので注意してください。
ここでは主にネットスケープやインターネットエクスプローラー(IE)で使えるものをとりあげています


..

..

..