source: schedule/Module/calendar.php@ 15997

Last change on this file since 15997 was 15997, checked in by tanio, 12 years ago
File size: 8.7 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 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 newdata;
60 var newtime;
61 var source=[];
62 document.getElementById('sourcelist').innerHTML=$("#box2view").text();
63 var xmlhttp;
64 if (window.XMLHttpRequest)
65 {// code for IE7+, Firefox, Chrome, Opera, Safari
66 xmlhttp=new XMLHttpRequest();
67 }
68 else
69 {// code for IE6, IE5
70 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
71 }
72 xmlhttp.onreadystatechange=function()
73 {
74 if (xmlhttp.readyState==4 && xmlhttp.status==200)
75 {
76 var options = {
77 chart: {
78 renderTo: 'container' /* display to div Graph*/
79
80 },
81
82 xAxis: {
83 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"]
84 },
85 series:[{data:[]}], /* array of Data */
86
87 remove:function()
88 {
89 return false;
90 },
91
92 exporting: { /*--------------------*/
93 buttons: { /* */
94 exportButton: { /* Export */
95 menuItems: null, /* to */
96 onclick: function() { /* PNG.file */
97 this.exportChart(); /*--------------------*/
98 }
99 }
100 }
101 },
102 plotOptions : {
103
104 series : {
105
106
107 marker : {
108 enabled:false
109 }
110 }
111 }
112
113
114
115 };
116 var lines = xmlhttp.responseText.split('\n');
117 var arr;
118 var arrTime = [];
119 var Time = [];
120 var colon = [];
121 var Temp = [];
122 var source = [];
123 for(var row=0;row<lines.length; row++)
124 {
125 var f = lines[row].split(',');
126 Time[row]=f[0];
127
128 for(var c=0;c<Time.length;c++)
129 {
130 var cst=Time[c].split(':');
131 colon[c]=cst[0];
132 Temp[c]=(parseInt(cst[1]/60*100)||parseFloat("0"));
133 for(var i=1;i<colon.length;i++)
134 {
135 var st=colon[i].split('T');
136 arrTime[i]=(parseFloat(st[1])||parseFloat("0"));
137 }
138 }
139 //arr[row]="["+f[4]+"]";
140 newline[row]=(parseFloat(f[4])||parseFloat("0"));
141 var s=[];
142 for(var c=0;c<newline.length;c++)
143 {
144 if(newline[c]==0)
145 {
146
147 }
148 else
149 s.push(parseFloat(newline[c]));
150 }
151 var finaldata=[];
152 var a=[];
153 for(var i=1;i<arrTime.length-1;i++)
154 {
155 if(arrTime[i]==0)
156 {
157 if(Temp[i]==8)
158 {
159 finaldata.push(arrTime[i]+24+'.08');
160 }
161 else
162 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
163 }
164 else if(arrTime[i]==1)
165 {
166 if(Temp[i]==8)
167 {
168 finaldata.push(arrTime[i]+24+'.08');
169 }
170 else
171 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
172 }
173 else if(arrTime[i]==2)
174 {
175 if(Temp[i]==8)
176 {
177 finaldata.push(arrTime[i]+24+'.08');
178 }
179 else
180 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
181 }
182 else if(arrTime[i]==3)
183 {
184 if(Temp[i]==8)
185 {
186 finaldata.push(arrTime[i]+24+'.08');
187 }
188 else
189 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
190 }
191 else if(arrTime[i]==4)
192 {
193 if(Temp[i]==8)
194 {
195 finaldata.push(arrTime[i]+24+'.08');
196 }
197 else
198 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
199 }
200 else if(arrTime[i]==5)
201 {
202 if(Temp[i]==8)
203 {
204 finaldata.push(arrTime[i]+24+'.08');
205 }
206 else
207 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
208 }
209 else if(arrTime[i]==6)
210 {
211 if(Temp[i]==8)
212 {
213 finaldata.push(arrTime[i]+24+'.08');
214 }
215 else
216 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
217 }
218 else if(arrTime[i]==7)
219 {
220 if(Temp[i]==8)
221 {
222 finaldata.push(arrTime[i]+24+'.08');
223 }
224 else
225 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
226 }
227 else if(arrTime[i]==8)
228 {
229 if(Temp[i]==8)
230 {
231 finaldata.push(arrTime[i]+24+'.08');
232 }
233 else
234 finaldata.push(arrTime[i]+24+'.'+Temp[i]);
235 }
236 else if(Temp[i]==8)
237 {
238
239 finaldata.push(arrTime[i]+'.08');
240
241 }
242 else
243 finaldata.push(arrTime[i]+'.'+Temp[i]);
244
245 }
246 for(var i=0;i<finaldata.length;i++)
247 {
248 a.push("["+parseFloat(finaldata[i])+"]");
249 }
250
251 }
252
253
254
255
256 var chart = new Highcharts.Chart(options);
257 newdata=s;
258
259 //document.getElementById('data').innerHTML=finaldata+"T"+s;
260 //document.getElementById('sourcelist').innerHTML=; //aki man edit kuya
261
262
263 /*options.series.push({
264
265 data:[parseFloat(finaldata),parseFloat(newdata1)]
266 });*/
267
268 for(var i=0;i<s.length;i++)
269 {
270
271 chart.series[0].addPoint({
272 x:finaldata[i],
273 y:newdata[i]
274 })
275
276 }
277
278
279
280
281 }
282 }
283 xmlhttp.open("GET","http://www.fact-project.org/smartfact/index.php?source="+'Mrk+421'+"&time="+year+"-"+month+"-"+day,true);
284 xmlhttp.send();
285 $('#Graph').load('chart.php?day='+day+"&month="+month+"&year="+year);
286
287 });
288
289 //]]></script>
290 </td>
291 </tr>
292
293 </table>
294 </td>
295 </tr>
296 </table>
297
298 </body>
299</html>
300
301
Note: See TracBrowser for help on using the repository browser.