Get Value Of Selected Date And Navigate To Next URL - php

Question

How can I get the value of the calendar date selected, once selected it should navigate to a php page where I use the value of selected date in the php page to run the query, so far the date selected only displays in the textfield.
eg:
PHP page - date selected is 2015-08-11
Open up URL to another PHP (in same tab)
Use date selected for query ($selected_date = $_GET["DATE"])
This is the calendar view code:
function setupCalendars() {
// Embedded Calendar
Calendar.setup(
{
dateField: 'embeddedDateField',
parentElement: 'embeddedCalendar'
}
)
// Popup Calendar
}
Event.observe(window, 'load', function() { setupCalendars() })
</script>
<div style="float: center; width: 50%">
<div id="embeddedExample" style="">
<div id="embeddedCalendar">
</div>
<br />
<div id="embeddedDateField" class="dateField">
Selected Date...
</div>
<br />
</div>
</div>
</div>
</div>
it is embedded in the another file (date is selected from this file)
<li><i class="icon-calendar scolor"></i> Date
<object type="text/html" data="http://<website>/calendarview.html"
style="width:200%; height:310px; margin-right:50%">
</object>
</li>

Answer 1

To do that you're going to have to get the selected date from the child page (is it an iFrame?) and send its value to a field in the parent form when the date is selected. There are a number of ways to do this; you may want to try using the .contents() method located here. There's a sample provided that traverses links in an iframe. You should be able to do the same with the textbox.