0

私は、Thomas J Bradley の署名パッドを使用しています。こちらは、javascript ポップアップ ウィンドウ内にあります。フォーム内のボタンからポップアップします。関連するコードは次のとおりです。

形式: <button type="button" id="confirm_button">Confirm</button>

document.ready 関数で:

$("#confirm_button").on("click", function() { 
    var left  = ($(window).width()/2)-(900/2),
    top   = ($(window).height()/2)-(600/2),
    popup = window.open ("/add-signature.php", "popup", "width=400, height=400, top="+top+", left="+left);
});

これにより、次のウィンドウが開きます。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/Views/templates/default/stylesheet.css" />
<link rel="stylesheet" href="/js/sigpad/jquery.signaturepad.css">
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/sigpad/flashcanvas.js"></script>
<script type="text/javascript" src="/js/sigpad/jquery.signaturepad.min.js"></script>
<script type="text/javascript" src="/js/sigpad/json2.min.js"></script>


<title>SMB | Add Signature</title>

</head>
<body>
    <div id="wrapper">

        <div id="component">
            <h1>Sign your Name</h1>
        <form method="post" action="" class="sigPad">
          <label for="name">Print your name</label>
          <input type="text" name="name" id="name" class="name">

          <p class="drawItDesc">Draw your signature</p>
          <ul class="sigNav">

            <li class="drawIt"><a href="#draw-it">Draw It</a></li>
            <li class="clearButton"><a href="#clear">Clear</a></li>
          </ul>
          <div class="sig sigWrapper">
            <div class="typed"></div>
            <canvas class="pad" height="55"></canvas>
            <input type="hidden" name="output" class="output">
          </div>
          <button type="submit">I accept the terms of this agreement.</button>
        </form>
        </div>
    </div>

<script type="text/javascript">

 $(document).ready(function () {
  $('.sigPad').signaturePad({drawOnly:true});
});



    </script>
    </body>
</html>

私の質問は次のとおりです。ポップアップウィンドウから親ページのフォームの入力に署名を取得するにはどうすればよいですか?

4

2 に答える 2

0

ポップアップ内で、window.opener オブジェクトを使用します。これは、親ページのグローバル ウィンドウ オブジェクトへの参照です。ポップアップから親に送信する例を次に示します。

于 2013-08-27T06:14:24.563 に答える