source: schedule/Module/calendar.php@ 15701

Last change on this file since 15701 was 15701, checked in by tanio, 12 years ago
File size: 6.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 xmlhttp;
61 if (window.XMLHttpRequest)
62 {// code for IE7+, Firefox, Chrome, Opera, Safari
63 xmlhttp=new XMLHttpRequest();
64 }
65 else
66 {// code for IE6, IE5
67 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
68 }
69 xmlhttp.onreadystatechange=function()
70 {
71 if (xmlhttp.readyState==4 && xmlhttp.status==200)
72 {
73 var lines = xmlhttp.responseText.split('\n');
74 var arr = [];
75 var arrTime = [];
76 var Time = [];
77 var colon = [];
78 for(var row=0;row<lines.length; row++)
79 {
80 var f = lines[row].split(',');
81 Time[row]=f[0];
82 //var DateT= new Date(Time);
83 //arr[row]="["+f[4]+"]";
84 for(var t=0; t<Time.length;t++)
85 {
86 var x=Time[t].split('T');
87 arr[t]=x[1];
88 for(var st=0;st<arr.length;st++)
89 {
90 var c=Time[st].split(':');
91
92 newline[row]=(parseFloat(f[4])||parseInt("0"));
93
94
95 }
96 //h[t]=x[1];
97
98 }
99
100 }
101 newdata=newline.join(",");
102 document.getElementById('data').innerHTML=newdata;
103 /*for(var c=0;c<newline.length;c++)
104 {
105 arr[c];
106 };
107 var chart = new Highcharts.Chart({
108
109
110 chart: {
111 renderTo: 'container' /* display to div Graph*/
112 /* },
113
114 xAxis: {
115 labels: {
116 rotation: -45,
117 align: 'right',
118 },
119 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"]},
120 series:[], /* array of Data */
121
122 /*remove:function()
123 {
124 return false;
125 },
126
127 exporting: { /*--------------------*/
128 /*buttons: { /* */
129 /*exportButton: { /* Export */
130 /* menuItems: null, /* to */
131 /* onclick: function() { /* PNG.file */
132 /* this.exportChart(); /*--------------------*/
133 /*}
134 }
135 }
136 },
137
138 plotOptions:
139 {
140 series: {
141 marker: {
142 enabled: true,
143
144 }
145
146 }
147 },
148
149
150
151 });
152 /*$('#add').click(function(){
153
154 });*/
155 $(function () {
156 var data = '[{"name":"Station 1","data":"1360191600,398.625"},{"name":"Station 1","data":"1360192500,398.625"},{"name":"Station 1","data":"1360193400,398.25"},{"name":"Station 1","data":"1360194300,397.375"},{"name":"Station 1","data":"1360195200,397.5"},{"name":"Station 1","data":"1360196100,397.5"},{"name":"Station 1","data":"1360199700,396.75"},{"name":"Station 1","data":"1360200600,397"}]';
157
158
159 var options = {
160 chart: {
161 renderTo: 'container'
162 },
163 xAxis: {
164 type:'datetime'
165 },
166 series: []
167 };
168
169 data = JSON.parse(data);
170 var names = [];
171 $.each(data, function (i, ligne) {
172 var ind = names.indexOf(ligne.name),
173 splited = ligne.data.split(','),
174 x = parseFloat(splited[0]),
175 y = parseFloat(splited[1]);
176 if (ind == -1) {
177 ind = names.push(ligne.name) - 1;
178 options.series.push({
179 data: [],
180 name: ligne.name
181 });
182 }
183 if(!isNaN(x) && !isNaN(y)){
184 options.series[ind].data.push([x,y]);
185 }
186 });
187
188 console.log(options);
189
190 var chart = new Highcharts.Chart(options);
191 });
192
193 }
194 }
195 xmlhttp.open("GET","http://www.fact-project.org/smartfact/index.php?source="+'Mrk+421'+"&time="+year+"-"+month+"-"+day,true);
196 xmlhttp.send();
197 $('#Graph').load('chart.php?day='+day+"&month="+month+"&year="+year+"&new="+newdata);
198
199 });
200
201 //]]></script>
202 </td>
203 </tr>
204
205 </table>
206 </td>
207 </tr>
208 </table>
209
210 </body>
211</html>
Note: See TracBrowser for help on using the repository browser.