source: schedule/Module/calendar.php@ 16183

Last change on this file since 16183 was 16183, checked in by tanio, 11 years ago
File size: 9.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
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 <?php
31 $sqlSched=mysql_query("SELECT*FROM schedule");
32 $SchedCnt=mysql_num_rows($sqlSched);
33 $cntr=1;
34 while($rowSched=mysql_fetch_array($sqlSched))
35 {
36 $timestamp=strtotime($rowSched['fStart']);
37 if($SchedCnt==$cntr)
38 {
39 echo date("Ymd",$timestamp);?>:{klass: "highlight"}<?php
40 }
41 else
42 {
43 echo date("Ymd",$timestamp);?>:{klass: "highlight"},<?php
44 }
45 $cntr++;
46 ?>
47
48 <?php
49 }
50 ?>
51 };
52 // 20130507: { klass: "highlight", tooltip: "%Y/%m/%d (%A)<br />That was yesterday" },
53 // 20130508: { klass: "highlight", tooltip: "And this is TODAY" }
54
55 function getDateInfo(date, wantsClassName) {
56 var as_number = Calendar.dateToInt(date);
57 return DATE_INFO[as_number];
58 };
59 var CAL = Calendar.setup({
60 cont: "cont",
61 // weekNumbers: true,
62 selectionType: Calendar.SEL_MULTIPLE,
63 showTime: 24,
64 //fdow : 1,
65 dateInfo:getDateInfo
66 // titleFormat: "%B %Y"
67 })
68 </script>
69 </td>
70
71 <tr>
72 <td>
73 <script type="text/javascript">//<![CDATA[
74 CAL.addEventListener("onSelect", function(){
75 var day =this.selection.print("%d").join("\n");
76 var month =this.selection.print("%m").join("\n");
77 var year =this.selection.print("%Y").join("\n");
78 var xml;
79 var Time = [[]];
80 var DataValue = [[]];
81 var Time1 = [];
82 var TimeColon = [];
83 var MinTime = [];
84 var HourTime = [];
85 var DataVal = [];
86 var source=['Crab','Mrk 501','Mrk 421'];
87
88 function loaddata()
89 {
90
91 for(var i=0; i<source.length;i++)
92 {
93
94 if(window.XMLHttpRequest)
95 {
96 xml=new XMLHttpRequest();
97 }
98 else
99 {
100 xml=new ActiveXObject("Microsoft.XMLHTTP");
101 }
102 xml.onreadystatechange = function()
103 {
104 if(xml.readyState==4 && xml.status ==200)
105 {
106 var lines=xml.responseText.split("\n");
107 for(var row=0;row<lines.length;row++)
108 {
109 var splitted=lines[row].split(',');
110 Time1[row]=splitted[0];
111 for(var SplittedTime=0;SplittedTime<Time1.length;SplittedTime++)
112 {
113 var SplitTime=Time1[SplittedTime].split(':');
114 TimeColon[SplittedTime]=SplitTime[0];
115 MinTime[SplittedTime]=(parseInt(SplitTime[1]/60*100)||parseInt("0"));
116 for(var TimeT=0;TimeT<TimeColon.length;TimeT++)
117 {
118 var SplittedT=TimeColon[TimeT].split('T');
119 HourTime[TimeT]=(parseFloat(SplittedT[1])||parseInt('0'));
120 }
121 }
122 DataVal[row]=(parseFloat(splitted[4])||parseInt('0'));
123 //document.getElementById('data').innerHTML=DataValue;
124
125 for(var Data=0; Data<DataVal.length;Data++)
126 {
127 if(DataVal[Data]==0)
128 {
129
130 }
131 else
132 DataValue.push(parseFloat(DataVal[Data]));
133 }
134
135
136 for(var ConTime=1;ConTime<HourTime.length-1;ConTime++)
137 {
138 if(HourTime[ConTime]==0)
139 {
140 if(MinTime[ConTime]==8)
141 {
142 Time.push(HourTime[ConTime]+24+'.'+'.08');
143 }
144 else
145 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
146 }
147 else if(HourTime[ConTime]==1)
148 {
149 if(MinTime[ConTime]==8)
150 {
151 Time.push(HourTime[ConTime]+24+'.'+'.08');
152 }
153 else
154 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
155 }
156 else if(HourTime[ConTime]==2)
157 {
158 if(MinTime[ConTime]==8)
159 {
160 Time.push(HourTime[ConTime]+24+'.'+'.08');
161 }
162 else
163 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
164 }
165 else if(HourTime[ConTime]==3)
166 {
167 if(MinTime[ConTime]==8)
168 {
169 Time.push(HourTime[ConTime]+24+'.'+'.08');
170 }
171 else
172 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
173 }
174 else if(HourTime[ConTime]==4)
175 {
176 if(MinTime[ConTime]==8)
177 {
178 Time.push(HourTime[ConTime]+24+'.'+'.08');
179 }
180 else
181 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
182 }
183 else if(HourTime[ConTime]==5)
184 {
185 if(MinTime[ConTime]==8)
186 {
187 Time.push(HourTime[ConTime]+24+'.'+'.08');
188 }
189 else
190 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
191 }
192 else if(HourTime[ConTime]==6)
193 {
194 if(MinTime[ConTime]==8)
195 {
196 Time.push(HourTime[ConTime]+24+'.'+'.08');
197 }
198 else
199 Time.push(HourTime[ConTime]+24+'.'+MinTime[ConTime]);
200 }
201 else
202 Time.push(HourTime[ConTime]+'.'+MinTime[ConTime]);
203
204 }
205
206 loadGraph(DataValue,Time);
207
208 }
209
210
211 }
212 }
213 xml.open("GET","http://www.fact-project.org/smartfact/index.php?source="+escape(source[i])+"&time="+year+"-"+month+"-"+day,true);
214 xml.send();
215
216
217 }
218 //loadGraph(DataValue,Time);
219 }
220
221
222
223 function loadGraph(y,x)
224 {
225 loaddata();
226 var options = {
227 chart: {
228 renderTo: 'container'
229 /* display to div Graph*/
230
231 },
232
233 xAxis: {
234 categories:["12PM","1PM","2PM","3PM","4PM","5PM","6PM","7PM","8PM","9PM","10PM","11PM","12AM","1AM","2AM","3AM","4AM","5AM","6AM","7AM","8AM","9AM","10AM","12PM"]
235 },
236 series:[], /* array of Data */
237
238 remove:function()
239 {
240 return false;
241 },
242
243 exporting: { /*--------------------*/
244 buttons: { /* */
245 exportButton: { /* Export */
246 menuItems: null, /* to */
247 onclick: function() { /* PNG.file */
248 this.exportChart(); /*--------------------*/
249 }
250 }
251 }
252 },
253 plotOptions : {
254
255 series : {
256 lineWidth: 3,
257
258 marker : {
259 enabled:false
260 }
261 }
262 }
263 };
264 var chart = new Highcharts.Chart(options);
265 for(var src=0;src<i;src++)
266 {
267 chart.addSeries({name:source[src], data:[]}); // created a series of data and add name of displayed source
268 for(var DataCnt=0;DataCnt<x[src].length;DataCnt++)
269 {
270
271 chart.series[src].addPoint({ // series[0] means index of zero in data;
272 x:x[src][DataCnt], // Time
273 y:y[src][DataCnt] // Value
274 })
275
276
277 }
278
279 }
280 document.getElementById('data').innerHTML=x;
281 }
282 loadGraph();
283 $('#Graph').load('chart.php?day='+day+"&month="+month+"&year="+year);
284
285 });
286
287 //]]></script>
288
289 </td>
290 </tr>
291
292 </table>
293 </td>
294 </tr>
295 </table>
296
297 </body>
298</html>
299
300
Note: See TracBrowser for help on using the repository browser.