CalendarXP.net Support

jackb · Joined: 11 Sep 2006 Posts: 27

Hello!

I have the calendar in a form, after I submit the form, I would like to return to it and still have the dates that I previously selected be still there. I tried using the cookie function you listed at http://www.calendarxp.net/forum/viewtopic.php?t=98 , but it did not work (no cookies were created). I am using the multi-select plugin. Any pointers would be appreciated.

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

Joe,

It's because multi-select plugin disabled the fSetDate() in order to override the function to select multiple dates instead of just one. Since the fOnchange() is triggered by fSetDate(), it won't get called at all in that plugin.

Also, the code in FAQ only shows you for storing just 1 date in cookie, it won't work if you have multiple dates selected.

So in order to make it work with multi-select plugin, you will have to append the following code to the end (must be placed after the multi-select code) of plugins.js:

jackb · Joined: 11 Sep 2006 Posts: 27

calendarxp,

I inserted the code above but it is not working. Any ideas?
I put the cookie stuff at the very bottom and then put the fCreateCookie(_cookieName,_pds); at the bottom of both fRemoveRange and fAddRange functions - exaple below:

function fRemoveRange(y,m,d,bBatch) {
var dt=Date.UTC(y,m-1,d);
for (var i=0; i<_pds.length; i++)
if (_pds[i][0]<=dt&&_pds[i][1]>=dt) break;
if (i==_pds.length) return;
if (bBatch||_pds[i][0]==_pds[i][1]) {
for (var k=_pds[i][0];k<=_pds[i][1];k+=MILLIDAY) {
var dk=new Date(k);
fRemoveDate(dk.getUTCFullYear(),dk.getUTCMonth()+1,dk.getUTCDate());
}
fSplice(_pds,i);
} else {
fRemoveDate(y,m,d);
if (dt<_pds[i][1]) _pds.push([dt+MILLIDAY,_pds[i][1]]);
if (_pds[i][0]<dt) _pds[i][1]=dt-MILLIDAY;
else fSplice(_pds,i);
}
_ls=null;
fCreateCookie(_cookieName,_pds);
}

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

Could you please attach the plugins.js file you are using so that we can take a look?

jackb · Joined: 11 Sep 2006 Posts: 27

attached file

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

Well, it seems working fine - I used it to replace the plugins1.js in the MultiPickerDemo.

Did you try to empty your browser cache after the change? Also, bring up your page with Firefox and see if there is any error in the javascript console?

jackb · Joined: 11 Sep 2006 Posts: 27

Works like a CHARM!!! I am sorry, my mistake, I had the source pointing to a different calendar folder.

Thank you so much!!!

Cheers,
Joe

jackb · Joined: 11 Sep 2006 Posts: 27

OPS - having problem in explorer

It seems to be working fine in firefox but I am getting an error in explorer and only to top piece of the calendar is dispaying. The error is as follows:

Char: 3
Error: '_pds[...]0' is null or not an object
Code: 0
URL: ..../iflateng.htm

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

Found the culprit - please replace the fCreateCookie() with the following code:

jackb · Joined: 11 Sep 2006 Posts: 27

Thanks! its now fine in explorer

Just one more thing and we'll have it. The previously selected dates now hold there color, but they are not selected. So nothing is in the hidden fields. I would guess i will need to add an onload function to the frame, but from looking at the values in the cookies, I am not sure how to go about retrieving the dates and loading them into the hidden list.

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

The values in _pds are the time representation of a date (in milliseconds since 1970 Jan 1st), and they come in pairs to represent the selected date ranges.

To convert them into hidden field, you can simply use javascript to do that:

jackb · Joined: 11 Sep 2006 Posts: 27

I'm sorry guys, but I can't seem to figure out where to put the above code

Basically what I have now is something like the following in the containing form page:

function fAddListItem(strDate) {
var dl=document.formName.dateList;
dl.options[dl.options.length]=new Option(strDate,strDate);
}
function fRemoveListItem(strDate) {
var dl=document.formName.dateList;
for (var i=0;i<dl.options.length;i++)
if (strDate==dl.options[i].value) break;
dl.options[i]=null;
}
function submitByDates(fm) {
fm.allSelected.value="";
for (var i=0; i<fm.dateList.length; i++) {
if (i>0) fm.allSelected.value+=",";
fm.allSelected.value+=fm.dateList.options[i].value;
}
}
////////////
<body>
<form name="formName" action="xxx" onSubmit="return submitByDates();">
<iframe width=174 height=189 name="gToday:normal:agenda.js:gfFlat:plugins1.js" id="gToday:normal:agenda.js:gfFlat:plugins1.js" src="/folder/iflateng.htm" scrolling="no" frameborder="0">
</iframe>
<div style="display: none">
<select name="dateList" size="9">
<option value="-">-----------------</option>
</select></div><BR>
<script language="JavaScript">
document.formName.dateList.options[0]=null;
</script>
<input type="submit">
</form>

Crying or Very sad

I don't seem to be able to figure out how to get these cookie dates into the dateList.

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

OK, here is the fully revised code that should work - just delete the previous code and append the following to the very bottom of your plugins.js:

jackb · Joined: 11 Sep 2006 Posts: 27

Dear calendarxp,

The dates are now holding in the hidden field, but now the preselected dates on the calendar are not holding (not marked as selected).

Cheers,
Joe

calendarxp · Site Admin Joined: 30 Jan 2005 Posts: 409

Attached please find the plugins1.js we are using - we tested it against MultiPickerDemo1 and everything is working fine (preselect dates are holding well). Please make sure to empty your browser cache before trying.