I've noticed that Safari is making a pull-down of mine in a form disappear after the deadline date is selected. More specifically the "Type of CAD Request" pull-down seems to vaporize when the deadline date is selected from a javascript calendar.
Here is a link to see it: http://www.eaglebrookchurch.com/_2/
I think this should be all you need for the code, though it is a lot. I left out some of the processing information and the submit button and a bunch of other form stuff that was at the bottom, but that shouldn't make any difference.
<form name="Submit CAD Work Order" method="post" action="<?=htmlentities($_SERVER['REQUEST_URI'])?>" enctype="multipart/form-data">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><div align="right"><strong>Budget Account #</strong> <input id="f_account" name="account" type="text" size="12" value="<?=$_POST['account']?>" /></div></td>
</tr>
<tr>
<td style="width: 140px"><strong>Job/Item Request: </strong></td>
<td><input id="f_jobitem" name="jobitem" type="text" size="70" value="<?=$_POST['jobitem']?>" /></td>
</tr>
<tr>
<td><strong>Ministry Area: </strong></td>
<td><select id="f_ministryarea" name="ministryarea">
<?php
if ($_POST['ministryarea'] == "") {
echo '<option value="Select One..." selected="selected">Select One...</option>';
} else {
echo '<option value="'.$_POST['ministryarea'].'" selected="selected">'.$_POST['ministryarea'].'</option>';
}
?>
<option value="40+ Singles">40+ Singles</option>
<option value="Beyond Books">Beyond Books</option>
<option value="Cafe 5000">Cafe 5000</option>
<option value="Men">Men</option>
<option value="Other">Other</option>
</select>
<strong>Ministry Contact: </strong> <input id="f_ministrycontact" name="ministrycontact" type="text" size="22" value="<?=$_POST['ministrycontact']?>" />
( E-mail Address Only ) </td>
</tr>
<tr>
<td><strong>Date Submitted: </strong></td>
<td>
<input id="f_datesubmitted" type="text" name="datesubmitted" value="<?=date("Y-m-d H:i")?>" readonly="readonly" /> </td>
</tr>
<tr>
<td><strong>Deadline for request:</strong></td>
<td><input id="f_deadline" type="text" name="deadline" value="<?=$_POST['deadline']?>" readonly="readonly" /> <button style="height: 17px; font-size: 10px;" id="start_trigger">…</button></td>
</tr>
<tr>
<td><strong>Date to be mailed:</strong></td>
<td><input id="f_datetobemailed" type="text" name="datetobemailed" value="<?=$_POST['datetobemailed']?>" readonly="readonly" /> <button style="height: 17px; font-size: 10px;" id="start_trigger2">…</button></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td colspan="2"><strong>NOTE:</strong> All pertinent information must be collected in completion before CAD begins a project. No assignment will be guaranteed without 1 week lead time, and CAD will assess approval of deadline.</td>
</tr>
<tr>
<td><strong>Type of CAD request: </strong></td>
<td><select id="f_typeofrequest" name="typeofrequest">
<?php
if ($_POST['typeofrequest'] == "") {
echo '<option value="Select One..." selected="selected">Select One...</option>';
} else {
echo '<option value="'.$_POST['typeofrequest'].'" selected="selected">'.$_POST['typeofrequest'].'</option>';
}
?>
<option value="Advertisement">Advertisement</option>
<option value="Booklet">Booklet</option>
<option value="Brochure">Brochure</option>
<option value="Web graphic/online registration">Web graphic/online registration</option>
<option value="Other">Other</option>
</select>
<strong>Brainstorming help needed? </strong>
<?php
if ($_POST['brainstorm'] == "") {
echo '<input id="f_brainstorm" name="brainstorm" type="checkbox" value="Yes" />';
} else {
echo '<input id="f_brainstorm" name="brainstorm" type="checkbox" value="Yes" CHECKED/>';
}
?></td>
</tr>
<tr>
<td><strong>Total Quantity: </strong></td>
<td><input name="q_total" type="text" id="f_q_total" value="<?=$_POST['q_total']?>" size="10" />
<strong>( Breakdown: </strong> Mailing:
<input id="f_q_mailing" name="q_mailing" type="text" value="<?=$_POST['q_mailing']?>" size="5" />
Info Central: <input id="f_q_infocentral" name="q_infocentral" type="text" value="<?=$_POST['q_infocentral']?>" size="5" />
Returned to Ministry: <input id="f_q_ministry" name="q_ministry" type="text" value="<?=$_POST['q_ministry']?>" size="5" />
<strong> )</strong></td>
</tr>
<tr>
<td valign="top"><strong>Description/Info: </strong></td>
<td><textarea id="f_description" name="description" cols="60" rows="5"><?=$_POST['description']?></textarea></td>
</tr>
<tr>
<td valign="top"></td>
<td>
</td>
</tr>
<tr>
<td><strong>Intended Audience: </strong></td>
<td><input name="audience" type="text" id="f_audience" value="<?=$_POST['audience']?>" size="63" /></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
</table>
</form>
</div>
</div>
<script type="text/javascript">
Calendar.setup(
{
inputField : "f_deadline", // ID of the input field
ifFormat : "%Y-%m-%d %H:%M", // the date format
singleClick : false,
weekNumbers : false,
showsTime : true,
cache : true,
button : "start_trigger" // ID of the button
}
);
Calendar.setup(
{
inputField : "f_datetobemailed", // ID of the input field
ifFormat : "%Y-%m-%d %H:%M", // the date format
singleClick : false,
weekNumbers : false,
showsTime : true,
cache : true,
button : "start_trigger2" // ID of the button
}
);
Calendar.setup(
{
inputField : "f_mailinginfodate", // ID of the input field
ifFormat : "%Y-%m-%d %H:%M", // the date format
singleClick : false,
weekNumbers : false,
showsTime : true,
cache : true,
button : "start_trigger3" // ID of the button
}
);
</script>
