source: schedule/Module/calendar.php@ 15794

Last change on this file since 15794 was 15794, checked in by tanio, 11 years ago
File size: 4.6 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 newdata;
60 var newtime;
61 var xmlhttp;
62 if (window.XMLHttpRequest)
63 {// code for IE7+, Firefox, Chrome, Opera, Safari
64 xmlhttp=new XMLHttpRequest();
65 }
66 else
67 {// code for IE6, IE5
68 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
69 }
70 xmlhttp.onreadystatechange=function()
71 {
72 if (xmlhttp.readyState==4 && xmlhttp.status==200)
73 {
74 var lines = xmlhttp.responseText.split('\n');
75 var arr = [];
76 var arrTime = [];
77 var Time = [];
78 var colon = [];
79
80 for(var row=0;row<lines.length; row++)
81 {
82 var f = lines[row].split(',');
83 Time[row]="'"+f[0]+"'";
84 //var DateT= new Date(Time);
85 //arr[row]="["+f[4]+"]";
86 newline[row]=(parseFloat(f[4])||parseInt("0"));
87
88 }
89 var s=[];
90 for(var c=0;c<newline.length;c++)
91 {
92 if(newline[c]==0)
93 {
94
95 }
96 else
97 s.push(parseFloat(newline[c]));
98 }
99 var temp = "";
100 var Hours = "";
101 for(var i=0; i<Time.length;i++)
102 {
103 var date = new Date(Time);
104 Hours=date.getHours();
105 var Minutes=date.getMinutes();
106 //temp += Hours;
107 //colon.push(temp[i]);
108 }
109
110
111 newdata=s;
112 document.getElementById('data').innerHTML=Hours;
113 $(function () {
114 var data = '['+newdata+']';
115
116 var options = {
117 chart: {
118 renderTo: 'container'
119 },
120 xAxis: {
121 type:'datetime'
122 },
123 series: []
124 };
125
126 data = JSON.parse(data);
127
128 options.series.push({data:data});
129
130 var chart = new Highcharts.Chart(options);
131 });
132
133
134 }
135 }
136 xmlhttp.open("GET","http://www.fact-project.org/smartfact/index.php?source="+'Mrk+421'+"&time="+year+"-"+month+"-"+day,true);
137 xmlhttp.send();
138 $('#Graph').load('chart.php?day='+day+"&month="+month+"&year="+year);
139
140 });
141
142 //]]></script>
143 </td>
144 </tr>
145
146 </table>
147 </td>
148 </tr>
149 </table>
150
151 </body>
152</html>
153
154
Note: See TracBrowser for help on using the repository browser.