Logged Out
Create an Account
Login:
Password:

Forgot your password?
<!--System:Calendar-->

View Version History
The <!--System:Calendar--> command will display just the Calendar.

It will display as follows.



For example, this code

<br>
<hr>
<!--System:Calendar-->


Would render as the following:


<div name=calendiv>
	<table border=0 align=center class=Menu cellpadding=1 cellspacing=0>
		<tr class=calheader>
			<td>
				<a class=calheader href='javascript:loadcal(3,2008)'>&lt;&lt;</a>
			</td>
			<td colspan=5 align=center>
				Apr 2008
				<a href='bigcalendar.php?month=4&year=2008'><img src='bigger.gif' border=0/></a>
			</td>
			<td align=right>
				<a class=calheader href='javascript:loadcal(5,2008)'>&gt;&gt;</a>
			</td>
		</tr>
		<tr class=calheader align=center>
			<td class=calday>S</td>
			<td class=calday>M</td>
			<td class=calday>T</td>
			<td class=calday>W</td>
			<td class=calday>R</td>
			<Td class=calday>F</td>
			<td class=calday>S</td>
		</tr>
		<tr class=calbody align=center style='font-weight:normal;font-size:7.5pt'>
			<td> </td>
			<td> </td>
			<td class='calday'>1</td>
			<td class='calday calcurrent calsomething' style='background:#ffbf1f'>
				<a style='color:#3f9f3f' href='javascript:eventdetails(4,2,2008)' onMouseOver="tt('...',10,10)" onMouseOut='ctt()'>2</a>
			</td>
			<td class='calday calsomething' style='background:#ffbf1f'>
				<a style='color:#3f9f3f' href='javascript:eventdetails(4,3,2008)' onMouseOver="tt('...',10,10)" onMouseOut='ctt()'>3</a>
			</td>
			<td class='calday calsomething' style='background:#ffbf1f'>
				<a style='color:#3f9f3f' href='javascript:eventdetails(4,4,2008)' onMouseOver="tt('...',10,10)" onMouseOut='ctt()'>4</a>
			</td>
			<td class='calday calsomething' style='background:#ffff9f'>
				<a style='color:#9f5f1f' href='javascript:eventdetails(4,5,2008)' onMouseOver="tt('...',10,10)" onMouseOut='ctt()'>5</a>
			</td>
		</tr>
		<tr class=calbody align=center style='font-weight:normal;font-size:7.5pt'>
			<td class='calday calsomething' style='background:#3f1f7f'>
				<a style='color:#1fdf3f' href='javascript:eventdetails(4,6,2008)' onMouseOver="tt('...',10,10)" onMouseOut='ctt()'>6</a>
			</td>
			<td class='calday'>7</td>
			<td class='calday'>8</td>
			<td class='calday'>9</td>
			<td class='calday'>10</td>
			<td class='calday'>11</td>
			<td class='calday'>12</td>
		</tr>

		...

		<tr class=calbody align=center style='font-weight:normal;font-size:7.5pt'>
			<td class='calday'>27</td>
			<td class='calday'>28</td>
			<td class='calday'>29</td>
			<td class='calday'>30</td>
			<td> </td>
			<td> </td>
			<td> </td>
		</tr>
	</table>
	<center>
		<a href='javascript:getcalfilter()' style='font-size:9pt'>[Filter]</a>
	</center>
</div>


Where the "..." will be the popup text for each calendar event, when located in the sections above like tt('...',10,10).


You'll probably notice the embedded styles, in particular the background colors. The embedded CSS for background colors comes from the Event Categories of each event.


Incoming Guide Links
  • Layout File


  • Last Modified: 4/3/2008 7:21pm
    Contributors: Chops
    Easy Link
    BBCode Link: [guide=--SystemCalendar--][/guide]
    URL: http://www.dkpsystem.com/guide/--SystemCalendar--