source: schedule/Module/calendar.php@ 16225

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