◇1.<head>〜</head>タグ間の編集
ポップアップウインドウの関数を作るHTMLの<head>〜</head>タグ間に次の赤字の部分を挿入してください。
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)で使えるものをとりあげています
|
|