close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Date picker does not work on repeated field.

Thread began 5/05/2011 10:22 pm by kk_sg390260 | Last modified 4/26/2012 1:03 pm by Jason Byrnes | 4606 views | 17 replies |

kk_sg390260

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

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

kk_sg390260

Originally Said By: Jason Byrnes
  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..

Sign in to reply to this post

Jason ByrnesWebAssist

Send a copy of your page, And I'll let you know what needs to be edited.

Sign in to reply to this post

kk_sg390260

Originally Said By: Jason Byrnes
  Send a copy of your page, And I'll let you know what needs to be edited.  



Hi,
Please refer to the attached.

Thanks

Attached Files
confirm.test.zip
Sign in to reply to this post

Jason ByrnesWebAssist

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 />
Sign in to reply to this post

info97301

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

Sign in to reply to this post

info97301

Hi Jason

An update would be appreciated.

Cheers
Chris

Sign in to reply to this post

Jason ByrnesWebAssist

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:


php:
<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>
Sign in to reply to this post

info97301

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">&nbsp;</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

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...