Link to home
Start Free TrialLog in
Avatar of Kevin_Cain
Kevin_Cain

asked on

Formatting onclick <form> action

1.  I have a simple PHP page that makes use of a 3rd party popup date picker (http://www.triconsole.com/php/calendar_datepicker.php).  My draft page is here:
http://unity.ic3d.tv/Demo/Create_Daily_Report_Archive/interpretSQL.php

2.  Currently, I am using a button to submit the date, once picked, then using "$theDate = isset($_REQUEST["CalDate"]) ? $_REQUEST["CalDate"] : "";" to read the value in the picker.

3.  The above works fine, but has a formatting problem -- the table is redrawn badly while the popup calendar is visible.

I'd like to either resolve the formatting problem (see the above link to view it for yourself), or, preferably, to add an onclick event so that the user can POST the form by simply clicking on a date in the popup date picker.  This is, without having to click the "Go" button to POST.

Any comments and help are most welcome!
<HTML>
    <script language="javascript" src="calendar.js"></script>
    <form action="interpretSQL.php?callingPage=runDateSQL" method="post">
    <?
 
	// Process search criteria based on calling page
	switch ($_SESSION["callingPage"]) {
          case "runDateSQL":
		      // If user has requested a single date, set search criteria to the given date
			  $_SESSION["searchCriteria"] = date("Y-m-d", strtotime($StartDate));
                ?>
			  	<HTML>
			  	<table border="0" cellpadding="0" cellspacing="0">
			    <script type="text/javascript" src="includes/prototype.js"></script>
			    <script type="text/javascript" src="includes/scriptaculous.js? ¬ load=effects"></script>
			    <script type="text/javascript" src="includes/modalbox.js"></script>
			    <link rel="stylesheet" href="includes/modalbox.css" type="text/css" media="screen" />
			  	<tr>
			  	<td><img src="images/mast1a.png" BORDER=0 /><img src="images/mast_spacer.png" BORDER=0 /></td>
			  	<td><a href="userSearchSQL.php" title="Unity Search" onclick="Modalbox.show(this.href, {title: this.title, width: 355}); return false;"><img src="images/mast1b.png" BORDER=0 /></a></td>
			  	<td>
			  	<?
			  	    require_once('classes/tc_calendar.php');
				    $myCalendarStart = new tc_calendar("calDate", true);
				    $myCalendarStart->setIcon("images/iconCalendar.gif");
				    $myCalendarStart->setDate(date(j), date(n), date(Y));
                    $myCalendarStart->writeScript();
			  	?>
			  	<INPUT TYPE=submit NAME=button VALUE="Go">
			  	</td>
			  	</tr>
			  	</table>
			  	<table border="0" cellpadding="0" cellspacing="0">
			  	<tr>
			  	<td><A HREF="javascript:oneDayBack();"><img src="images/mast2.png" BORDER=0 /></a></td>
			  	<td width=284 background="images/mast3.png"><DIV ALIGN=CENTER><FONT COLOR="#e9e9e9"><br><b><font size="5" face="Arial"><? print $_SESSION["searchCriteria"] ?></b></FONT></td>
			  	<td><A HREF="javascript:oneDayAhead();"><img src="images/mast4.png" BORDER=0 /></a></td>
			  	</tr>
			  	</table>
			    </form>
	            <?
			  break;
 
 
-----

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of mstrelan
mstrelan
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial