Outlook taglib ver. 1.4

    Custom JSP taglib lets you provide Outlook-style calendar in your web applications. For example:
 


<%@ taglib uri="taglib.tld" prefix="o" %>

<script language="JavaScript">
function setEvent(h1,m1,h2,m2)
{
  alert("time cell is "+h1+":"+m1+"-"+h2+":"+m2);
}
</script>

<o:outlook onClick="setEvent" start="9" end="19">
<o:event start="9:30" end="11:00">Meeting 1</o:event>
<o:event start="10:00" end="10:30">Meeting 2</o:event>
<o:event start="13:30" end="14:00">Lunch</o:event>
<o:event start="15" end="17:30">Review for new components
in <a href="http://www.servletsuite/com/jsp.htm" target="_blank">Coldtags suite</a>
</o:event>
</o:outlook>

and you will get some like this:

Meeting 1
Meeting 2
Lunch
Review for new components in Coldtags suite
9
 
 
10
 
 
11
 
 
12
 
 
13
 
 
14
 
 
15
 
 
16
 
 
17
 
 
18
 
 
19
 
 

Taglib lets you customize calendar's look and feel via CSS, as well as provide your own JavaScript events. The following parameters are fixed in the current version:

time step: 30 minutes
cell height: 20px

Note: the evaluation version displays up to 5 events.

Tags are:

outlook

Body tag displays a time schedule. Parameters are:

1) width Optional parameter. Describes a width for your calendar. Default value is 500px.
2) start Optional parameter. Describes a start time (in hours). Possible values are 0-24. Default value is 8.
3) end Optional parameter. Describes an end time (in hours). Possible values are 0-24. Default value is 23.
4) className Optional parameter. Describes a CSS class for this control.
5) style Optional parameter. Describes a CSS style for this control. Default value is font-size:8pt.
6) defaultEventBackground Optional parameter. Describes a default background color for your events. Default value is #FFFFFF
7) defaultSelectedEventBackground Describes a default background color for the selected (mouse is over) events. Default value is #DCDCDC
8) cellBackground Optional parameter. Describes a default color for your time cells. Default value is #FFFFD5.
9) cellSelectedBackground Optional parameter. Describes a a default color for the selected (mouse is over) time cells. Default value is #FFFFD5.
10) cellBorder Optional parameter. Describes a border for your cells. Default value is 1px solid #F3E4B1.
11) hourBorder Optional parameter. Describes a separator (border) for hours. Default value is 1px solid #EAC098
12) defaultEventMark Optional parameter. Describes a color that marks your events at the right side. Default value is #0000FF
13) onClick Optional parameter. Describes a name for your JavaScript function that will be called in case of mouse click. This function must accept 4 integer parameters: hours for the initial time, minutes for the initial time, hours for the end and minutes for the end.

event

Body tag describes your HTML (JSP) code for the event. Parameters are:

1) start Describes a start time for this event. Time must be described in the following format: hh:mm
2) end Describes an end time for this event. Time must be described in the following format: hh:mm
3) className Optional parameter. Describes a CSS class for this event.
4) style Optional parameter. Describes a CSS style for this event. Default value is overflow:auto;padding:2px;.
5) eventBackground Optional parameter. Describes a background color for this event.
6) selectedEventBackground Describes a background color for the selected (mouse is over) event.
7) eventMark Optional parameter. Describes a color that marks this event at the right side.
8) onClick Optional parameter. Describes a name for your JavaScript function that will be called in case of mouse click. This function must accept 4 integer parameters: hours for the initial time, minutes for the initial time, hours for the end and minutes for the end.
 

for downloading:

 Library: outlooktag.jar     Description: taglib.tld  

 © Coldbeans      Comments?

Buy this component

See also Coldtags suite - the largest collection of custom JSP tags.

Related links: