I did something similar once, so I just made some changes this should work:
$( function () {
$("[EMAIL PROTECTED]").change( function() {
var reg = /date(on|off)(\d+)/i;
var ar = reg.exec($(this).attr("id")); //id=dateoff3 => ar =
[dateoff3, off, 3]
if (ar[1] == "on")
$("#dateoff"+ar[2]).attr("value",
addTheDate(this.value,7)); //add
.change() to make it go through all the fields
else
$("#dateon"+(++ar[2])).attr("value",
addTheDate(this.value,1));
//add .change() to make it go through all the fields
});
});
If you really want to do step three (should add some verification as
to not overwrite fields the user has already entered in advance), you
just check the comments in the code... adding change() to the end
would trigger the change event and run the code for the new input box.
Good luck
Kristinn
On 2/16/07, Sam Collett <[EMAIL PROTECTED]> wrote:
> On 16/02/07, Bruce MacKay <[EMAIL PROTECTED]> wrote:
> >
> > Hi folks,
> >
> > I have a set of n paired text input boxes (date on; date off). Each is
> > attached to Kelvin Luck's date picker plugin.
> >
> > In most instances, the "date off" will be 7 days after the "date on", and
> > the next "date on" will be 1 day after the preceding "date off".
> >
> > So, to help the user (so that they don't have to select dates for all the
> > pairs of inputs), I want to:
> > 1. for a given pair, populate the "date off" text input with a date that is
> > 7 days later than the one selected in the "date on" box
> > 2. for the following pair, populate the "date on" input with a date that is
> > 1 day later than that of the "date off" box (in step #1)
> > 3. repeat step #1 and cascade this down through the rest of the pairs.
> >
> > So far I can do step #1. I can't do step #2 as I don't know how to link
> > the changed value of dateoff0 to the function being called in the second
> > line of the code below (i.e. what goes in xx)
> >
> > $('#dateon0').change(function() {if
> > (this.value.length>0)$('#dateoff0').attr("value",addTheDate(this.value,7));});
> > $('#dateoff0').xx(function() {if
> > (this.value.length>0)$('#dateon1').attr("value",addTheDate(this.value,1));});
> >
> > And, of course, I can't do step 3 because I'm hard coding the dateon /
> > dateoff ids - there must be a way to do a loop but I can't work that out
> > either.
> >
> > For completeness, my date-adding function is below.
> >
> > I'd really appreciate some help in filling the blanks in my capability.
> >
> > Thanks,
> >
> > Bruce
> >
> >
> >
> > function addTheDate(ej,df){
> > var ar=new Array();
> > ar=ej.split('/');
> > var myDate = new Date;
> > myDate.setDate(ar[0]);
> > myDate.setMonth(ar[1]);
> > myDate.setFullYear(ar[2]);
> > myDate.setDate(myDate.getDate()+df);
> > var d = myDate.getDate();
> > var m = myDate.getMonth();
> > var y = myDate.getFullYear();
> > var dmy = d + "/" + m + "/" + y;
> > return dmy;
> > }
> >
> > I'm at a loss on the xxx bit - how can I take the date that is entered into
> > #dateon, add 7 days to it, and insert it into #dateoff?
>
> Try something like this (untested):
>
> var to = 5;
> for(var i = 0; i < to; i++) {
> $('#dateon' + i).change(function() {
> if (this.value.length>0) {
> $('#dateoff' +
> i).attr("value",addTheDate(this.value,7)).each(function() {
> if (this.value.length>0) $('#dateon' + (i +
> 1)).attr("value",addTheDate(this.value,1));
> });
> }
> });
> }
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
