Date picker does not work on repeated field.
Hi,
Is there a workaround to get date picker to work on repeated field ?
Thank you
Andy
Hi,
Is there a workaround to get date picker to work on repeated field ?
Thank you
Andy
are you using the a Repeat region? Or a data assist repeat selection?
Send a copy of your page, And I'll let you know what needs to be edited.
I am using it in dataassit multiple insert form..
Send a copy of your page, And I'll let you know what needs to be edited.
Hi,
Please refer to the attached.
Thanks
change:
<SCRIPT language=Javascript>
function ShowDate()
{
var cSearchValue=showModalDialog("JasonQuickCalendar.asp",0,"dialogwidth=298px;dialogheight=280px");
if (cSearchValue != -1 && cSearchValue != null && cSearchValue != "")
{
document.all.DATE.value = cSearchValue;
}
}
</SCRIPT>
<%
' RepeatSelectionCounter_1 Begin Loop
RepeatSelectionCounter_1_IterationsRemaining = RepeatSelectionCounter_1_Iterations
While(RepeatSelectionCounter_1_IterationsRemaining)
RepeatSelectionCounter_1_IterationsRemaining = RepeatSelectionCounter_1_IterationsRemaining-1
If(RepeatSelectionCounterBasedLooping_1 OR (false AND true) ) Then
%>
<input name="DATE" type="text" id="DATE" />
<a onclick=ShowDate()><img align=top border=0 height=25 id=dimg1 src="calendar.gif" width=26 /></a><br />
to:
<SCRIPT language=Javascript>
function ShowDate_<%=RepeatSelectionCounter_1%>()
{
var cSearchValue=showModalDialog("JasonQuickCalendar.asp",0,"dialogwidth=298px;dialogheight=280px");
if (cSearchValue != -1 && cSearchValue != null && cSearchValue != "")
{
document.all.DATE_<%=RepeatSelectionCounter_1%>.value = cSearchValue;
}
}
</SCRIPT>
<%
' RepeatSelectionCounter_1 Begin Loop
RepeatSelectionCounter_1_IterationsRemaining = RepeatSelectionCounter_1_Iterations
While(RepeatSelectionCounter_1_IterationsRemaining)
RepeatSelectionCounter_1_IterationsRemaining = RepeatSelectionCounter_1_IterationsRemaining-1
If(RepeatSelectionCounterBasedLooping_1 OR (false AND true) ) Then
%>
<input name="DATE_<%=RepeatSelectionCounter_1%>" type="text" id="DATE_<%=RepeatSelectionCounter_1%>" />
<a onclick=ShowDate_<%=RepeatSelectionCounter_1%>()><img align=top border=0 height=25 id=dimg1 src="calendar.gif" width=26 /></a><br />
Hi Jason
i'm hving the same problem, but with php not asp - the code is completely different;
in the <head> section:
<script type="text/javascript">
$(function(){
$('#datepicker_1').datepicker({
dateFormat: 'yy-mm-dd',
showAnim: 'show',
onClose: closeDatePicker_datepicker_1
});
});
function closeDatePicker_datepicker_1() {
var tElm = $('#datepicker_1');
if (typeof datepicker_1_Spry != null && typeof datepicker_1_Spry != "undefined") {
datepicker_1_Spry.validate();
}
var docElm = document.getElementById("datepicker_1");
var tBlur = docElm.getAttribute("onBlur");
if (!tBlur) tBlur = docElm.getAttribute("onblur");
if (!tBlur) tBlur = docElm.getAttribute("ONBLUR");
if (tBlur) {
tBlur = tBlur.replace(/\bthis\b/g, "docElm");
eval(tBlur);
}
}
</script>
The form itself is:
<form id="form1" name="form1" method="post" action="">
<?php
// RepeatSelectionCounter_1 Begin Loop
$RepeatSelectionCounter_1_IterationsRemaining = $RepeatSelectionCounter_1_Iterations;
while($RepeatSelectionCounter_1_IterationsRemaining--){
if($RepeatSelectionCounterBasedLooping_1 || $row_None){
?>
<table width="99%" border="0">
<tr>
<td width="19%"><strong>Date</strong></td>
<td width="37%"><strong>Event Title</strong></td>
<td width="44%"><strong>Brief Details</strong></td>
</tr>
<tr valign="top">
<td><input id="datepicker_1" name="StDate" type="text" /></td>
<td><input name="EvTitle" type="text" id="EvTitle" size="40" /></td>
<td><textarea name="BrDetails" cols="30" id="BrDetails"></textarea></td>
</tr>
</table>
<?php
} // RepeatSelectionCounter_1 Begin Alternate Content
else{
?>
<?php } // RepeatSelectionCounter_1 End Alternate Content
if(!$RepeatSelectionCounterBasedLooping_1 && $RepeatSelectionCounter_1_IterationsRemaining != 0){
if(!$row_None && $RepeatSelectionCounter_1_Iterations == -1){$RepeatSelectionCounter_1_IterationsRemaining = 0;}
$row_None = mysql_fetch_assoc($None);
}
$RepeatSelectionCounter_1++;
} // RepeatSelectionCounter_1 End Loop
?>
<p>
<label>
<input type="submit" name="btMultiEvents" id="btMultiEvents" value="add multiple events" />
</label>
</p>
</form>
Many thanks in anticipation. Could this feature go on the list for fixing in the next dot release?
Cheers
Chris
Hi Jason
An update would be appreciated.
Cheers
Chris
the script tag will need to be moved so that it is just before the date form element. so that date form element looks like:
<script type="text/javascript">
$(function(){
$('#datepicker_<?php echo($RepeatSelectionCounter_1); ?>').datepicker({
dateFormat: 'yy-mm-dd',
showAnim: 'show',
onClose: closeDatePicker_datepicker_<?php echo($RepeatSelectionCounter_1); ?>
});
});
function closeDatePicker_datepicker_<?php echo($RepeatSelectionCounter_1); ?>() {
var tElm = $('#datepicker_<?php echo($RepeatSelectionCounter_1); ?>');
if (typeof datepicker_<?php echo($RepeatSelectionCounter_1); ?>_Spry != null && typeof datepicker_<?php echo($RepeatSelectionCounter_1); ?>_Spry != "undefined") {
datepicker_<?php echo($RepeatSelectionCounter_1); ?>_Spry.validate();
}
var docElm = document.getElementById("datepicker_<?php echo($RepeatSelectionCounter_1); ?>");
var tBlur = docElm.getAttribute("onBlur");
if (!tBlur) tBlur = docElm.getAttribute("onblur");
if (!tBlur) tBlur = docElm.getAttribute("ONBLUR");
if (tBlur) {
tBlur = tBlur.replace(/\bthis\b/g, "docElm");
eval(tBlur);
}
}
</script>
<td><input id="datepicker_<?php echo($RepeatSelectionCounter_1); ?>" name="StDate_<?php echo($RepeatSelectionCounter_1); ?>" type="text" /></td>
Hi Jason
Thanks for the reply - but I've now tried that and there's no change! I've tried inserting the datepicker script in all places around the suggested area, same problem; the datepicker drop-down still only displays in the first date column.
I've rebuilt the form from scratch and same result.
<form id="fmMulti">
<table width="100%" cellpadding="2" cellspacing="0">
<?php
// RepeatSelectionCounter_1 Begin Loop
$RepeatSelectionCounter_1_IterationsRemaining = $RepeatSelectionCounter_1_Iterations;
while($RepeatSelectionCounter_1_IterationsRemaining--){
if($RepeatSelectionCounterBasedLooping_1 || $row_None){
?>
<tr>
<td width="95" valign="top"></td>
<td width="95" height="44" valign="top">Date:</td>
<script type="text/javascript">
$(function(){
$('#datepicker_1').datepicker({
dateFormat: 'yy-mm-dd',
showAnim: 'show',
onClose: closeDatePicker_datepicker_1
});
});
function closeDatePicker_datepicker_1() {
var tElm = $('#datepicker_1');
if (typeof datepicker_1_Spry != null && typeof datepicker_1_Spry != "undefined") {
datepicker_1_Spry.validate();
}
var docElm = document.getElementById("datepicker_1");
var tBlur = docElm.getAttribute("onBlur");
if (!tBlur) tBlur = docElm.getAttribute("onblur");
if (!tBlur) tBlur = docElm.getAttribute("ONBLUR");
if (tBlur) {
tBlur = tBlur.replace(/\bthis\b/g, "docElm");
eval(tBlur);
}
}
</script>
<td width="127" valign="top"><input id="datepicker_1" name="StDate" type="text" /></td>
<td width="44" valign="top"><label for="PgTitle">Title:</label></td>
<td width="379" valign="top"><input type="text" name="PgTitle" id="PgTitle" value="<?php echo $_GET['DefTitle']; ?>" size="50" /></td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top"><label for="PgBriefDetails_">Brief Details:</label></td>
<td colspan="3" valign="top"><textarea name="PgBriefDetails" id="PgBriefDetails" cols="70" rows="2"><?php echo $_GET['DefBrDesc']; ?></textarea>
<input name="PgTypeID" type="hidden" id="PgTypeID" value="<?php echo $_GET['PgTypeID']; ?>" /></td>
</tr>
<?php
} // RepeatSelectionCounter_1 Begin Alternate Content
else{
?><?php } // RepeatSelectionCounter_1 End Alternate Content
if(!$RepeatSelectionCounterBasedLooping_1 && $RepeatSelectionCounter_1_IterationsRemaining != 0){
if(!$row_None && $RepeatSelectionCounter_1_Iterations == -1){$RepeatSelectionCounter_1_IterationsRemaining = 0;}
$row_None = mysql_fetch_assoc($None);
}
$RepeatSelectionCounter_1++;
} // RepeatSelectionCounter_1 End Loop
?>
</table>
<input name="btAddMulti" type="submit" id="btAddMulti" value="add multiple meetings/events" /></form>
Cheers
Chris
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.