source: schedule/Module/calendar.php@ 15635

Last change on this file since 15635 was 15635, checked in by tanio, 12 years ago
File size: 5.1 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3 <head>
4 <link type="text/css" rel="stylesheet" href="Module/src/css/jscal2.css" />
5 <link type="text/css" rel="stylesheet" href="Module/src/css/border-radius.css" />
6
7 <link id="skin-win2k" title="Win 2K" type="text/css" rel="alternate stylesheet" href="Module/src/css/win2k/win2k.css" />
8 <script src="js/jquery-1.7.2.min.js"></script>
9<script src="js/highcharts.js"></script>
10<script src="js/exporting.js"></script>
11
12 <script src="Module/src/js/jscal2.js"></script>
13 <script src="Module/src/js/unicode-letter.js"></script>
14
15 <script src="Module/src/js/lang/en.js"></script>
16<style type="text/css">
17 .highlight { color: #f00 !important; }
18 .highlight2 { color: #0f0 !important; font-weight: bold; }
19 </style>
20
21 </head>
22 <body style="background-color: #fff">
23
24 <table>
25 <tr>
26 <td valign="top" style="width: 30em;">
27 <div id="cont"></div>
28 <script type="text/javascript">
29 var DATE_INFO = {
30 20130507: { klass: "highlight", tooltip: "%Y/%m/%d (%A)<br />That was yesterday" },
31 20130508: { klass: "highlight", tooltip: "And this is TODAY" }
32 };
33
34 function getDateInfo(date, wantsClassName) {
35 var as_number = Calendar.dateToInt(date);
36 return DATE_INFO[as_number];
37 };
38 var CAL = Calendar.setup({
39 cont: "cont",
40 // weekNumbers: true,
41 selectionType: Calendar.SEL_MULTIPLE,
42 showTime: 24,
43 //fdow : 1,
44 dateInfo:getDateInfo
45 // titleFormat: "%B %Y"
46 })
47 </script>
48 </td>
49
50 <tr>
51 <td>
52 <script type="text/javascript">//<![CDATA[
53
54 CAL.addEventListener("onSelect", function(){
55 var day =this.selection.print("%d").join("\n");
56 var month =this.selection.print("%m").join("\n");
57 var year =this.selection.print("%Y").join("\n");
58 var newline = [];
59 var xmlhttp;
60 if (window.XMLHttpRequest)
61 {// code for IE7+, Firefox, Chrome, Opera, Safari
62 xmlhttp=new XMLHttpRequest();
63 }
64 else
65 {// code for IE6, IE5
66 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
67 }
68 xmlhttp.onreadystatechange=function()
69 {
70 if (xmlhttp.readyState==4 && xmlhttp.status==200)
71 {
72 var lines =xmlhttp.responseText.split('\n');
73 //var arr = [];
74 var Time = [];
75
76 for(var row=0;row<lines.length; row++)
77 {
78 var f = lines[row].split(',');
79 Time[row]=f[0];
80 //arr[row]="["+f[4]+"]";
81 for(var t=0; t<Time.length;t++)
82 {
83 var x=Time[t].split('T');
84 //h[t]=x[1];
85 if(f[4]==0)
86 {
87 newline[row]="["+parseFloat(x[1])+","+0+"]";
88 }
89 else if(f[4]=="" && f[0]=="")
90 {
91 newline[row]="["+parseFloat(x[1])+","+0+"]";
92 }
93 else
94 newline[row]="["+parseFloat(x[1])+","+parseFloat(f[4])+"]";
95
96 }
97
98 }
99 //source['Mrk 421']=arr;
100 document.getElementById('data').innerHTML=newline;
101 var chart = new Highcharts.Chart({
102 chart: {
103 renderTo: 'container' /* display to div Graph*/
104 },
105
106 xAxis: {
107 labels: {
108 rotation: -45,
109 align: 'right',
110 },
111 categories:["","","","","","","","19:00","20:00","21:00","22:00","23:00","24:00","1:00","2:00","3:00","4:00","5:00","6:00","7:00"]},
112 series:[{data:[19,23]}], /* array of Data */
113
114 remove:function()
115 {
116 return false;
117 },
118
119 exporting: { /*--------------------*/
120 buttons: { /* */
121 exportButton: { /* Export */
122 menuItems: null, /* to */
123 onclick: function() { /* PNG.file */
124 this.exportChart(); /*--------------------*/
125 }
126 }
127 }
128 },
129
130 plotOptions:
131 {
132 series: {
133 marker: {
134 enabled: false,
135
136 }
137
138 }
139 },
140
141
142
143 });
144 /*$('#add').click(function(){
145
146 });*/
147
148 }
149 }
150 xmlhttp.open("GET","http://www.fact-project.org/smartfact/index.php?source="+'Mrk+421'+"&time="+year+"-"+month+"-"+day,true);
151 xmlhttp.send();
152 $('#Graph').load('chart.php?day='+day+"&month="+month+"&year="+year);
153 });
154
155 //]]></script>
156 </td>
157 </tr>
158
159 </table>
160 </td>
161 </tr>
162 </table>
163
164 </body>
165</html>
Note: See TracBrowser for help on using the repository browser.