I have a search form that when you click on the more info link for a record will open a new window for that record to display additional information and I use <a href=more_info.php?id=$rows[id]>
to pass the id to the next page and that works great.
On that next page I have a button that pops up a small browser window using this <a href="#" onclick="window.open('signature_pad.html', 'newwindow', 'width=500, height=200'); return false;">
this windows pops up with a signature pad.
What I need to do is pass that record ID from the second window to the popup window so when the customer signs the signature pad their signature is posted into the correct record.
so here is the code for the 2nd and popup pages: (I only posted the code for the button section of the 2nd page to save space as the code for that page is fairly long and only the button portion pertains to this question)
<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>**
And the popup window
<!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>