I would like to add a calendar similar to the one at the right of this page.
http://www.sydneyolympicpark.com.au/visiting/whats_on
The included calendar item is a much bigger table - can you point me in the right direction to produce a similar calendar?
The small calendar is actually a design area, I can't remember the name for it off the top of my head though.
The calendar on that page is the js_calendar_navigator design_area (and not the full calendar page). Take a look at the Design documentation at http://matrix.squiz.net/download/documentation for instructions on how to include the calendar within your design.
so it is a simple as adding
To my parse file in the right spot - then editing the customisation to point to the calendar page that is listing the events I'm interested in?
it should be 
ok - there is no change to the appearance of my page - but this new block of code is visible in the source
@import url("http://domain/__fudge/js_calendar/js_calendar.css");
<script src="http://domain/__fudge/js_calendar/js_calendar.js" type="text/javascript"></script>
<!-- End init of JS Calendar -->
<span id="js_calendar_navigator"></span> <script type="text/javascript">
//<![CDATA[
js_calendar_cal = new Calendar("js_calendar_cal", "js_calendar_navigator");
js_calendar_cal.prefix = "js_calendar";
js_calendar_cal.imageURL = "http://domain/__fudge/js_calendar/calendar.gif";
js_calendar_cal.fadeit = true;
js_calendar_cal.scrollit = false;
js_calendar_cal.onDayClick = onDayClick;
js_calendar_cal.onWeekClick = onWeekClick;
js_calendar_cal.onYearClick = onYearClick;
js_calendar_cal.height = "100%";
js_calendar_cal.width = "100%";
js_calendar_cal.day_name_length = "2";
js_calendar_cal.week_start = "1";
js_calendar_cal.onMonthClick = onMonthClick;
js_calendar_cal.popup = false;
js_calendar_cal.draw();
//]]>
</script>
<!-- end generated calendar code --></pre><br />
What am I missing to actually have the calendar render in the browser?
Remember that if you have:
You will also need:
Actually, you need to create a design customisation, set some of the calendar design area options within it, and apply it to your page in order for the calendar design area to show up. Unless you put print="no" on the area tag you shouldn't need the print tag.
This is where I was going wrong. I had not applied the customisation to my page. I fixed this (with the help of a helpful Squiz employee) by changing the design for my page to point to the customisation, rather than the overall design.
(I'm sure that if I had done the design training I would have had no problem with this .. oh well)
I am having problems getting the js_calendar_navigator to show up. I have added it to my parse file, and also created a design customization. The customization links to my calendar, and everything seems like it should work, but nothing shows up on the page, or in the source.
Not sure what to do.
[quote]I am having problems getting the js_calendar_navigator to show up. I have added it to my parse file, and also created a design customization. The customization links to my calendar, and everything seems like it should work, but nothing shows up on the page, or in the source.
[right][post=“13868”]<{POST_SNAPBACK}>[/post][/right][/quote]
Hmm… its been a while since I’ve used this design area. I’ll see if I can have a play later and get one working.
Winged Monkey, Avi, any more help? It seems to be a simple addition to the site, but it is just not working. Anyone willing to run through the steps on their system, and see if I have missed anything?
[quote]Winged Monkey, Avi, any more help? It seems to be a simple addition to the site, but it is just not working. Anyone willing to run through the steps on their system, and see if I have missed anything?
[right][post=“13883”]<{POST_SNAPBACK}>[/post][/right][/quote]
Sorry, I got side-tracked on RSS feeds all of yesterday. 
I’ll try to see if I can play with it sometime soon.
Double-posting to say that I just added a navigator fairly quickly. Added the Design Area to my design, went to a customisation, customised the design area, pointed it at my Calendar page and it showed up instantly.
Things to keep in mind:
- You must customise the js_calendar_navigator design area and point it to a Calendar Page asset.
- You must have applied the Design Customisation as the system frontend design to your assets.
Ok Avi, you got it. Something must have been wrong in my thinking. I had not applied the Design Customisation to the system frontend, only the parent design. I KNEW that it was required, but I slipped through my thinking. Thanks for that tip, it works great.