HTML Calendar based on DynAPI : Calendar « GUI Components « JavaScript DHTML






HTML Calendar based on DynAPI

 
<html>
<head>
<title>DynAPI Examples - HTML Calendar</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('TemplateManager');
dynapi.library.include('HTMLCalendar');
</script>
<script language="Javascript">

var tp = new Template('This is the Template:<center><table border="0"><tr><td>{@fld}</td></tr></table></center>',100,100,300,300,'#EEEEEE');

var hc = new HTMLCalendar();
// modify colors
hc.borCol = '#000000';
hc.titleBgCol ='maroon';
hc.titleFgCol ='white';
hc.wkDayBgCol ='beige';
hc.selBorCol = '#CCCCCC';
hc.selBgCol = '#DEDEFF';
hc.selTDayBgCol = 'beige';
hc.addEventListener({
  onchange:function(e){
    var o=e.getSource();
    //alert(o.getDate())
  }
});

tp.addChild(hc,'fld');
dynapi.document.addChild(tp);

</script>
</head>

<body>
<script>
  dynapi.document.insertAllChildren();
</script>

</body>
</html>


           
         
  








dynapi.zip( 791 k)

Related examples in the same category

1.JavaScript Date Picker based on ComboBox
2.Calendar Control - Single-Select Implementation
3.Calendar Control - 2-Up Implementation
4.Calendar Control - Handling onSelect / onDeselect
5.Calendar Control - Mix/Max Implementation
6.Calendar Control - Multi-Select Implementation
7.Calendar Control - Multi-Select 2-up Implementation
8.Calendar Control - Custom Renderer Example (Holiday Renderer Implementation)
9.Calendar Control - Date Restriction Example (Date Restriction Implementation)
10.Calendar Control - Row Highlight Example (Row Highlight Implementation)
11.Popup calendar
12.Month Calendar
13.Popup Calendar for a textfield
14.Multiselection Calendar
15.Free Date Picker : An easy plugin to add a date picker (calendar) in your web site
16.HTML Date Picker
17.Date Picker in new window
18.All browser Calendar
19.DHTML Calendar for the impatient
20.Calendar: special day
21.Calendar: day info
22.Calendar: Multiple day selection
23.Calendar with different theme
24.Calendar with image for each month
25.Fancy Calendar
26.Another Calendar
27.Date Time Picker
28.Month Calendar (2)
29.Building a Calculator
30.A Dynamic Calendar Table
31.Dynamic HTML Calendar
32. A Static Calendar by JavaScript
33.Displaying the Calendar
34.Calendar (IE only)
35.Calendar in slide tab
36.Another DHTML Calendar
37.Event Calendar
38.Open calendar
39.swazz calendar 1.0
40.jquery calendar