cctbailey
Junior Member
Posts: 2
Registered: 8/3/2005
Member Is Offline |
| posted on 8/3/2005 at 03:19 PM |
|
|
Call javascript function after date is selected
I have two date fields in my form, both of which are attached to the Calendar. Whenever the first date is changed, the second date needs to be
changed to 10 days after the first date. Currently I have this set up with the "OnBlur" event of the first date text box. It calls a javascript
function that calculates the date 10 days later and populates the second text box. However, when the user selects the date with the Tigra Calendar,
the "OnBlur" (or "OnChange") event is not called, so the second date isn't updated. Is there a way to call a javascript function after the date
is selected? I've attached my form code below. The two fields in question are "txtRecievedDate" and "txtDueDate" (the due date needs to be 10
days after the recieved date).
Thanks,
cctbailey
<form ACTION="<%=MM_editAction%>" METHOD="POST" name="form1">
<h3><font face="Arial, Helvetica, sans-serif">Enter New Submittal Information</font></h3>
<table width="500" border="0">
<tr>
<td><font face="Arial, Helvetica, sans-serif">Project Number</font></td>
<td><font face="Arial, Helvetica, sans-serif"><%=(rsProjects.Fields.Item("WBS1").Value)%>
<input name="hdnProjectNumber" type="hidden" id="hdnProjectNumber"
value="<%=(rsProjects.Fields.Item("WBS1").Value)%>">
</font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Project Name</font></td>
<td><font face="Arial, Helvetica, sans-serif"><%=(rsProjects.Fields.Item("Name").Value)%>
(Office - <%=(rsProjects.Fields.Item("Location").Value)%>)
<input name="hdnProjectName" type="hidden" id="hdnProjectName" value="<%=(rsProjects.Fields.Item("Name").Value)%>">
<input name="hdnProjectLocation" type="hidden" id="hdnProjectNumber3"
value="<%=(rsProjects.Fields.Item("Location").Value)%>">
</font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Section Number</font></td>
<td><font face="Arial, Helvetica, sans-serif">
<SELECT name="lstSections" id="lstSections" onKeypress="return (dodefaultaction()==''); " onKeydown="return
(dodefaultaction()==''); " onKeyup="return (change(lstSections));" onfocus="txtval = '';" onblur="txtval = '';">
<option value=""></option>
<%
While (NOT rsSections.EOF)
%>
<option
value="<%=(rsSections.Fields.Item("SectionID").Value)%>"><%=(rsSections.Fields.Item("SectionNumber").Value)%></option>
<%
rsSections.MoveNext()
Wend
If (rsSections.CursorType > 0) Then
rsSections.MoveFirst
Else
rsSections.Requery
End If
%>
</select>
<input type=button name="Submit2" value="Find Section" ONCLICK="Search();">
<input type=hidden name="SubmitAdd" value="Add Section" ONCLICK="AddSection();">
<a href="Submittals_AddN.asp"><br>
<font size="2"> Click Here to Add a Section to
this List</font></a></font></td>
</tr>
<tr>
<td width="184"><font face="Arial, Helvetica, sans-serif">Submittal
Name</font></td>
<td width="231"><font face="Arial, Helvetica, sans-serif">
<input name="txtSName" type="text" id="txtSName">
</font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Submittal Date <font
size="1">(mm/dd/yyyy)</font>
</font></td>
<td valign="top"><font face="Arial, Helvetica, sans-serif">
<input name="txtSDate" type="text" id="txtSDate">
<a href="javascript:SubmittalDateCal.popup();"><img src="Calendar/img/cal.gif" width="16" height="16"
border="0"></a> </font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Submitting Contractor</font></td>
<td><font face="Arial, Helvetica, sans-serif">
<input name="txtSContractor" type="text" id="txtSContractor">
</font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif"> Recieved Date <font
size="1">(mm/dd/yyyy)</font></font></td>
<td valign="top"><font face="Arial, Helvetica, sans-serif">
<input name="txtRecievedDate" type="text" id="txtRecievedDate"
onBlur="this.form.txtDueDate.value=AddTenDays(this.form.txtRecievedDate.value)" value="<%=date()%>">
<a href="javascript:RecievedDateCal.popup();"><img src="Calendar/img/cal.gif" width="16" height="16" border="0"
></a> </font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Due Date <font size="1">(mm/dd/yyyy)</font>
</font></td>
<td valign="top"><font face="Arial, Helvetica, sans-serif">
<input name="txtDueDate" type="text" id="txtDueDate" value="<%=DateAdd("d",10,Date())%>">
<a href="javascript:DueDateCal.popup();"><img src="Calendar/img/cal.gif" width="16" height="16"
border="0"></a> </font></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif"># of Copies Received</font></td>
<td><font face="Arial, Helvetica, sans-serif">
<input name="txtCopiesReceived" type="text" id="txtCopiesReceived">
</font></td>
</tr>
<tr valign="top">
<td><font face="Arial, Helvetica, sans-serif">Remarks</font></td>
<td><p><font face="Arial, Helvetica, sans-serif">
</font><font face="Arial, Helvetica, sans-serif">
<SELECT name="lstSRemarks" id="lstSRemarks" onKeypress="return (dodefaultaction()==''); " onKeydown="return
(dodefaultaction()==''); " onKeyup="return (change(lstSRemarks));" onfocus="txtval = '';" onblur="txtval = '';">
<option value=""></option>
<%
While (NOT rsRemarks.EOF)
%>
<option
value="<%=(rsRemarks.Fields.Item("Remark").Value)%>"><%=(rsRemarks.Fields.Item("Remark").Value)%></option>
<%
rsRemarks.MoveNext()
Wend
If (rsRemarks.CursorType > 0) Then
rsRemarks.MoveFirst
Else
rsRemarks.Requery
End If
%>
</select>
</font></p>
</td>
</tr>
<tr>
<td valign="top"><font face="Arial, Helvetica, sans-serif">Comments</font></td>
<td><textarea name="txtComments" id="txtComments"></textarea>
</td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif">Reviewed By</font></td>
<td><font face="Arial, Helvetica, sans-serif">
<SELECT name="lstReviewedBy" id="lstReviewedBy" onKeypress="return (dodefaultaction()==''); " onKeydown="return
(dodefaultaction()==''); " onKeyup="return (change(lstReviewedBy));" onfocus="txtval = '';" onblur="txtval = '';">
<option value=""></option>
<%
While (NOT rsEmployeesSorted.EOF)
%>
<option
value="<%=(rsEmployeesSorted.Fields.Item("EmployeeID").Value)%>"><%=(rsEmployeesSorted.Fields.Item("EmployeeName").Value)%></o
ption>
<%
rsEmployeesSorted.MoveNext()
Wend
If (rsEmployeesSorted.CursorType > 0) Then
rsEmployeesSorted.MoveFirst
Else
rsEmployeesSorted.Requery
End If
%>
</select>
</font></td>
</tr>
<tr>
<td><p><font face="Arial, Helvetica, sans-serif">Returned Date <font
size="1">(mm/dd/yyyy)</font>
</font></p></td>
<td valign="top"><font face="Arial, Helvetica, sans-serif">
<input name="txtReturnedDate" type="text" id="txtReturnedDate">
<a href="javascript:ReturnedDateCal.popup();"><img src="Calendar/img/cal.gif" width="16" height="16"
border="0"></a> </font></td>
</tr>
<tr>
<td colspan="2"><div align="center"><font face="Arial, Helvetica, sans-serif">
<input type=BUTTON name="Submit" value="Add Submittal" ONCLICK="SendData();">
</font></div>
</td>
</tr>
</table>
<p><font face="Arial, Helvetica, sans-serif">[ <a href="Submittals_New_1.asp">Change
Project</a> ] [ <a href="Submittals.htm">Return
to Submittals Home</a> ]</font> </p>
<input type="hidden" name="MM_insert" value="form1">
</form>
<script language="JavaScript">
<!--
var ReturnedDateCal = new calendar2(document.forms['form1'].elements['txtReturnedDate']);
ReturnedDateCal.year_scroll=true;
var DueDateCal = new calendar2(document.forms['form1'].elements['txtDueDate']);
DueDateCal.year_scroll=true;
var RecievedDateCal = new calendar2(document.forms['form1'].elements['txtRecievedDate']);
RecievedDateCal.year_scroll=true;
var SubmittalDateCal = new calendar2(document.forms['form1'].elements['txtSDate']);
SubmittalDateCal.year_scroll=true;
//-->
</script>
|
|
|
cctbailey
Junior Member
Posts: 2
Registered: 8/3/2005
Member Is Offline |
| posted on 8/3/2005 at 07:06 PM |
|
|
OK, I figured it out. I used a method similar to that described in the post: http://www.softcomplex.com/forum/viewthread.php?tid=298#pid3350. I just called my javascript function from cal_onselect? and it
works great.
|
|
|
|
|
Product Page
Live Demos
Free Download
Documentation
Support Forum