レコードの詳細情報リンクをクリックすると、そのレコードの新しいウィンドウが開き、追加情報が表示される検索フォームがあり<a href=more_info.php?id=$rows[id]>
、ID を次のページに渡すために使用します。
その次のページには、これを使用して小さなブラウザー ウィンドウをポップアップするボタンがあり、<a href="#" onclick="window.open('signature_pad.html', 'newwindow', 'width=500, height=200'); return false;">
このウィンドウには署名パッドがポップアップ表示されます。
私がする必要があるのは、そのレコード ID を 2 番目のウィンドウからポップアップ ウィンドウに渡して、顧客が署名パッドに署名すると、その署名が正しいレコードに投稿されるようにすることです。
2ページ目とポップアップページのコードは次のとおりです(2ページ目のボタンセクションのコードはかなり長く、ボタン部分のみがこの質問に関連するため、スペースを節約するために2ページ目のボタンセクションのコードのみを投稿しました)
<table class="auto-style16" style="width: 615px; height: 28px;">
<td style="width: 435px; height: 22px;" class="auto-style7">
**<a href="#" onclick="window.open('signature_pad.php', 'newwindow', 'width=500, height=200'); return false;"><input type="button" value="Get Signature" /></a>**
そしてポップアップウィンドウ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Signature Pad</title>
<!-- The Signature Pad -->
<script type ="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="signature-pad.js"></script>
</head>
<body>
<center>
<fieldset style="width: 435px">
<br/>
<br/>
<div id="signaturePad" style="border: 1px solid #ccc; height: 55px; width: 400px;"></div>
<br/><br/><br/>
<button id="clearSig" type="button">Clear Signature</button>
<button id="saveSig" type="button">Save Signature</button>
<div id="imgData"></div>
<br/>
</fieldset>
</center>
<div id="debug"></div>
</body>
</html>