Nelson Cultural Events Calendar

Embed Calendar

The Nelson Arts & Culture Events Calendar can be easily embedded into other websites and configured to filter the events to display content appropriate for those sites. Simply choose which of these three designs you would like to use, and follow the embedding instructions below.

Examples of Sites Using The Calendar

code for this format:

<input type='hidden' id='NCDisplayFilterBar'   name='NCDisplayFilterBar'    value='none'  />

<input type='hidden' id='NCInit' name='NCInit' value='true'/>

</form>
				<script type='text/javascript'  language='javascript'>

function updateIFrameHeight( height ) { document.getElementById( 'NCALiframe' ).setAttribute( 'height', height ); }
				  document.NCALform.NCPageURL.value = location.href;
				  document.NCALform.action = 'http://events.nelson.ca/calendars/' + document.getElementById('NCDefaultView').value;

document.NCALform.submit();
				</script>

</div>

code for this format:

<input type='hidden' id='NCDisplayFilterBar'   name='NCDisplayFilterBar'    value='display'  />

<input type='hidden' id='NCInit' name='NCInit' value='true'/>

</form>
				<script type='text/javascript'  language='javascript'>

document.NCALform.submit();
				</script>

</div>

code for this format:

function updateIFrameHeight( height ) { document.getElementById( 'NCALiframe' ).setAttribute( 'height', height ); }

document.NCALform.NCPageURL.value = location.href;

document.NCALform.action = 'http://events.nelson.ca/calendars/' + document.getElementById('NCDefaultView').value;

document.NCALform.submit();

</script>
		</div>

How Do I Embed The Calendar?

To embed the calendar, copy the text in the box below and paste it into a page on your website

<div id='NCAL' name='NCAL' class='NCAL'>
			<div id='NCALiframeDiv' name='NCALiframeDiv'></div>
			<iframe name='NCALiframe' src='blank.htm' id='NCALiframe' width='850' height='900' frameborder='0'></iframe>
			<form action='http://events.nelson.ca/calendars/' method='post' name='NCALform' id='NCALform' target='NCALiframe'>
				
				
				
				<input type='hidden' id='NCDisplayFilterBar'   name='NCDisplayFilterBar'    value='display'  />
				<input type='hidden' id='NCFilterBarTabsVals'  name='NCFilterBarTabsVals'   value='VENUES,CHANNELS'   />
				<input type='hidden' id='NCDefaultStylesheet'  name='NCDefaultStylesheet'   value='http://events.nelson.ca//css/NLblackwhite.css'/>
				<input type='hidden' id='NCEventFilter'        name='NCEventFilter'         value=''/>
				<input type='hidden' id='NCDefaultView'        name='NCDefaultView'         value='month'   />
				<input type='hidden' id='NCeventID'            name='NCeventID'             value=''   />
				<input type='hidden' id='NCslideshowMode'      name='NCslideshowMode'       value='SINGLE_EVENT'  />
				<input type='hidden' id='NCslideshowNumNextEvents'      name='NCslideshowNumNextEvents'       value='3'  />
				<input type='hidden' id='NCslideshowNumSecondsPerFrame'      name='NCslideshowNumSecondsPerFrame'       value='5'  />
				<input type='hidden' id='NCiframeResizePageURL'   name='NCiframeResizePageURL'  value=''  />
				 
				
				<input type='hidden' id='NCInit' name='NCInit' value='true'/>
				<input type='hidden' id='NCPageURL' name='NCPageURL' value=''/>
			</form>
				<script type='text/javascript'  language='javascript'>
				  function updateIFrameHeight( height ) { document.getElementById( 'NCALiframe' ).setAttribute( 'height', height ); }
				  document.NCALform.NCPageURL.value = location.href;
				  document.NCALform.action = 'http://events.nelson.ca/calendars/' + document.getElementById('NCDefaultView').value;
					document.NCALform.submit();
				</script>
		</div>

Customizing The Calendar

Detailed instructions for configuring and customizing the calendar.