[JavaScript] ポップアップウィンドウ

ポップアップでサブウィンドウを開く方法
■JavaScriptファイル(js/popup.js)に記述する内容

function popup(url, WinName, WinWidth, WinHeight){
	subWin = window.open(url, WinName, "width="+WinWidth+",height="+WinHeight+" ,scrollbars=yes");
	if (subWin && !subWin.closed) {
		subWin.focus();
	}
}

■HTMLファイルの<head>タグ内に追記する内容

<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="js/popup.js"></script>

HTMLファイルに記述する内容

<a onclick="popup('sample_popup.html','subWin','400','600'); return false;" href="javascript:void(0)">ポップアップでサブウィンドウを開く</a>

■ポップアップで開いたサブウィンドウのHTMLファイル(sample_popup.html)に記述する内容

<a onclick="window.close(); return false;" href="javascript:void(0)">閉じる</a>
こちらもあわせてどうぞ
  1. [JavaScript] 印刷するボタン
  2. [JavaScript] 指定時刻に表示を切り替える
  3. [JavaScript] IE9.js
HatenaGoogle BookmarksYahoo BookmarksFacebook

コメントする

*