Ticket #6297: test_Calendar.html

File test_Calendar.html, 2.5 kB (added by nathan, 9 months ago)

test_Calendar.html - missing from patch, snagged directly from http://www.skynet.ie/~sos/js/demo/dojo/dojox/widget/tests/test_Calendar.html

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2        "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4        <head>
5                <title>Dojox Calendar Test</title>
6                <style type="text/css">
7                        @import "../../../dojo/resources/dojo.css";
8                        @import "../../../dijit/themes/tundra/tundra.css";
9                        @import "../../../dijit/themes/dijit.css";
10                        @import "../../../dijit/tests/css/dijitTests.css";
11                        @import "../Calendar/Calendar.css";
12                </style>
13       
14                <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
15                <script type="text/javascript" src="../../../dijit/dijit.js"></script>
16                <script type="text/javascript" src="../../../dijit/_Calendar.js"></script>
17                <script type="text/javascript" src="../FisheyeLite.js"></script>
18                <script type="text/javascript" src="../../fx/_base.js"></script>
19                <script type="text/javascript" src="../Calendar.js"></script>
20                <script type="text/javascript">
21                        dojo.require("dojo.parser");    // scan page for widgets and instantiate them
22                        dojo.addOnLoad(function(){
23                                function log(str){
24                                        dojo.byId("report").innerHTML = str;
25                                }
26                                dojo.connect(dijit.byId("cal"), "onValueSelected", function(val){
27                                        log("Date Value selected: " + val.toString());
28                                });                             
29                               
30                                dojo.connect(dijit.byId("calDayOnly"), "onValueSelected", function(val){
31                                        log("Date Value selected: " + val.toString());
32                                });                             
33                               
34                                dojo.connect(dijit.byId("calMonthOnly"), "setMonth", function(val){
35                                        log("Month Value selected: " + val);
36                                });
37                               
38                                dojo.connect(dijit.byId("calYearOnly"), "setYear", function(val){
39                                        log("Year Value selected: " + val);
40                                });
41                        });
42                </script>
43        </head>
44        <body>
45                <div id="report" style="position:absolute; top:500px;"></div>
46               
47                <div style="position:absolute; left: 20px; top:20px;">
48                        <div>Typical Calendar usage, with day, month and year views</div>
49                        <div dojoType="dojox.widget.Calendar" id="cal"></div>
50                </div>
51                <div style="position:absolute; left: 400px; top:20px;">
52                        <div>With day only view, no monthly or yearly</div>
53       
54                        <div dojoType="dojox.widget.Calendar" id="calDayOnly" useDayOnly="true"></div>
55                </div>
56               
57                <div style="position:absolute; left:20px; top:250px; ">
58                        <div>With month only view, no daily or yearly</div>
59       
60                        <div dojoType="dojox.widget.Calendar" id="calMonthOnly" useMonthOnly="true"></div>
61                </div>
62               
63               
64                <div style="position:absolute; top:250px; left:400px;">
65                        <div>With year only view, no daily or yearly</div>
66       
67                        <div dojoType="dojox.widget.Calendar" id="calYearOnly" useYearOnly="true"></div>
68                </div>
69        </body>
70</html>