popup 小ウインドウを出す。 (JavaScript)

popup 小ウインドウを出す。 (JavaScript) | itcore 2018年

JavaScript TOP

プログラム

<?php
$mode = uForm('mode');
if ('popup' == $mode) {
    echo '<h3>子ウインドウ</h3>';
    echo '<button type=button onClick="window.close();">閉じる</button>';
    exit;
}
?>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function jClick() {
    var popup = window.open("about:blank", "popup", "width=800, height=480, top=100, left=100");
    var form2 = $('#id_form2');
    form2.append("<input type=hidden name=mode value=popup>");
    form2.attr('action', 'popup_test.php');
    form2.submit();
    popup.focus();
}
</script>

<form id=id_form2 name=form2 method=post target=popup>
<button type=button onClick="jClick();">小ウインドウ</button><br>
</form>

<?php
//----------------------
// 共通関数
//----------------------
// フォーム変数の受取。存在しない時は空文字を返す。
function uForm($var) {
  if (isset($_POST[$var])) return $_POST[$var];
  if (isset($_GET[$var])) return $_GET[$var];
  return '';
}
?>

実行

popup_test.php を貼り付けて実行