Question

I need to get the value from the parent form into the child; not the other way around. Found many a howto from child to parent but that doesn’t work for me. I have an onclick event in the input button but I’m unsure how to get the value from this calendar into the child window from here.

<form method="post" action="">
  <p style="padding:10px;">
    <input type="text" id="date" name="date" value="" maxlength="10"><a href="javascript:void(0);" onclick="g_Calendar.show(event, 'date', 'yyyy-mm-dd')" title="Show Calendar" style="text-decoration:none;"> <img src="calendar.gif" class="cp_img" alt="Open Calendar" style="padding-bottom:3px;"></a><br /><br />
    <input type="submit" name="search" value="Submit" onclick="popWindow('search.php')">
  </p>
 </form>

Answer 1

You can use QueryStrings like this –

<input type="submit" name="search" value="Submit" onclick="popWindow('search.php')">

You can read the QueryString values using utilities like this one.

EDIT

function popWindow(windowUrl) {
    var dateVal = document.getElementById("date").value;
    window.open(windowUrl + "?dateValue=" + dateVal); //This will open the window with the URL like search.php?dateValue=1/1/09.
}