CalendarXP.net Support

[Cady36]

Using triplex, I am trying to use fAddEvent (actually defined as a holiday - it is simply a particular weekday) to change an event after the calendars have loaded.

I've tried calling it from the html file, which will eventually be an asp file, and I've tried defining a function that calls it in plugins.js that I can call from the html file. Neither method worked.

In my agenda.js file, the following function is all that is defined:

[calendarxp]

First of all, if you would like to call anything (like fAddEvent) from your html, you will have to:

1) give the calendar a context-name, e.g. gfFlat, and call the function with that name as prefix:

[Cady36]

Yours was a lot more elegant than mine (big surprise there!)

I *did* think about context names, but the problem is that I'm using the Triplex theme, so I actually have 3 names. Do I need to call it once for each calendar, should I use nifty looping routine that you use in fSync (var cn=gTheme[3].split("_"); etc.), or...? We won't necessarily know what calendar is up in which calendar iframe. If I apply to one and repaint all will they sync, or do they sync automatically, or..?

Sorry to be such a pain.

Thanks for all your help!

Julie

[Cady36]

I think I can actually figure it out from here (I hope )

I created a variable in the main document called gContainerFlag and set it to 0.

I changed the fOnload() function to:

function fOnload() {gContainer.gContainerFlag=1}

That should tell me when it's safe to run the fAddEvent function, and hopefully that will take care of it.

Thanks!

Julie

[calendarxp]

Remember that all 3 of them sharing the same agenda - which means you only need to call fAddEvent once from any of them (no need to call 3 times).

The fRepaint() call is only used to refresh the interface not the event storage.

And yes you are right about the fOnload(), I'm really glad to see you are mastering the API now. :)

[Cady36]

Whew!

Just for the sake of completeness, I'm including my final fHoliday function, as used with the Triplex theme, and an explanation of how/why. (I'd hate to have someone else search for this specific solution, and have this thread stop short.) I'm sure this can be improved upon but here's how I'm doing it.

The function that CalendarXP provided earlier in the thread was terrific for a single calendar, but required a couple of modifications to work with the Triplex theme.

This calendar is for a booking system. Since different properties start their rental week on different days of the week, a variable - changeover - holds the day of the week, numbered from 0 (Sunday) through 6 (Saturday).

These start dates or "changover days" are highlighted in one color, and the "etc" value of the agenda is set to true. Non-changeover days (the other days of the week) are shown in another color, and the "etc" value is set to false.

Rentals are for whole weeks only, so we have a value for duration in the html/asp file. We used actual days, rather than number of weeks, as it will make it more versatile if we need to change to other rental lengths down the road.

The functions for plugins.js that allow automatic selection according to the duration, are also included in this post.

Finally, there's an array defined in the html/asp file specifying change over dates which are unavailable due to previous rentals, or because the full duration (2, 3, 4 weeks, etc.) is not available, even though the particular week may be available. CalendarXP tech called this _userSelectedDates and I changed to to _unavailableDates for readability.

In the HTML/ASP file:

The three variables set in the HTML/asp file are and accessed via gContainer are:
changeover - the day of week that the rental starts on.
rDuration - the length of the desired selection; the duration will be controlled by a dropdown menu.
_unavailableDates - the array holding changeover dates that are not available due to prior rental or for other reasons, including the duration of the stay.
Any of these variables can be changed live in the HTML/asp file to be updated on the calendar.

In agenda.js:

[calendarxp]

Julie,

Congrats for finishing the customization. It's a really tough one and you did it!

And, thanks very much for sharing your knowledge and summarize your resolution here in the board. It's very generous of you and we'll for sure keep the post for future reference.

best regards,
Victor