Month view with ajax

Page structure

Page structure of this demo
Page structure of this demo

The demo has one page for each view. The "month view with ajax" get's it's content from the page underneath.

The different pages contain each a cal plugin with the allowed view according to it's name.

Typoscript template the of "Month view with ajax" page

page.includeJSFooter.popup = fileadmin/extension/cal/month_small_ajax/scripts/jquery-bubble-popup-v3.min.js
page.includeCSS.popup = fileadmin/extension/cal/month_small_ajax/css/jquery-bubble-popup-v3.css
page.includeCSS.popupContents = fileadmin/extension/cal/month_small_ajax/popup.css
page.includeJSFooter.cal = fileadmin/extension/cal/month_small_ajax/cal.js
plugin.tx_cal_controller {
  view.month.monthTemplate = fileadmin/extension/cal/month_small_ajax/mini_month.tmpl
  additionalWrapperClasses = tx-cal-controller-ajax
}

Typoscript of the "ajax content" sub-page

page.10 <
page { 
# Regular pages always have typeNum = 0 
  typeNum = 0 
  10 > styles.content.get 
 
  config { 
    disableAllHeaderCode = 1 
    xhtml_cleaning = 0 
    admPanel = 0 
  } 
} 

plugin.tx_cal_controller {
  noWrapInBaseClass = 1 
  view.month {
    monthTemplate = fileadmin/extension/cal/month_small_ajax/ajax_mini_month.tmpl 
    monthViewPid = 56
    nextMonthLink.typolink.returnLast=url 
    nextMonthLink.wrap = <a href="javascript:;" onclick="jQuery('.tx-cal-controller-ajax').load('|',function(){createPopups();})"><img  src="###IMG_PATH###/control.png" alt="[Next Month]" /></a>
    prevMonthLink.typolink.returnLast=url 
    prevMonthLink.wrap = <a href="javascript:;" onclick="jQuery('.tx-cal-controller-ajax').load('|',function(){createPopups();})"><img  src="###IMG_PATH###/control-180.png" alt="[Previous Month]"  /></a>
    newMediumMonthTemplate = fileadmin/extension/cal/month_small_ajax/ajax_medium_month.tmpl 
    event.alldayTitle.crop >
    event.title.crop >
  }
  view.event {
    eventModelTemplate = fileadmin/extension/cal/month_small_ajax/ajax_eventModel.tmpl
    view.event.eventViewPid = 54
  }
}