<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BeRTOS web server example</title>
<link rel="stylesheet" type="text/css" media="screen" href="etc/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BeRTOS web server example</title>
<link rel="stylesheet" type="text/css" media="screen" href="etc/style.css" />
- <script type="text/javascript" src="etc/js/jquery.js"></script>
- <!--[if lte IE 8]><script type="text/javascript" src="etc/js/excan.js"></script><![endif]-->
+ <script type="text/javascript" src="etc/js/jquery.js"></script>
+ <!--[if lte IE 8]><script type="text/javascript" src="etc/js/excan.js"></script><![endif]-->
<script type="text/javascript" src="etc/js/jqflot.js"></script>
<script type="text/javascript">
$(document).ready(function() {
<script type="text/javascript" src="etc/js/jqflot.js"></script>
<script type="text/javascript">
$(document).ready(function() {
+ }
+ });
+ $.ajax({
+ url: "get_ledStatus",
+ dataType :'json',
+ success: function(data){
+ $.each(data,function(k,v){
+
+ if (v == 1) {
+ $('#led-'+k).addClass('led-on').removeClass('led-off').text('ON').append("<span> </span>");
+ } else {
+ $('#led-'+k).addClass('led-off').removeClass('led-on').text('OFF').prepend("<span> </span>");
+ }
+
+ });
if (status == 1) {
elm.addClass('led-on').removeClass('led-off').text('ON').append("<span> </span>");
} else {
elm.addClass('led-off').removeClass('led-on').text('OFF').prepend("<span> </span>");
}
if (status == 1) {
elm.addClass('led-on').removeClass('led-off').text('ON').append("<span> </span>");
} else {
elm.addClass('led-off').removeClass('led-on').text('OFF').prepend("<span> </span>");
}
- series: { shadowSize: 0 },
- yaxis: { min: 0, max: 100 },
+ series: { shadowSize: 0 },
+ yaxis: { min: 0},
-
- var temperature_data = [];
- var plot_temperature = $.plot($("#temperature-plot"), [temperature_data], options);
-
-
+
+ var temperature_data = [];
+ var plot_temperature = $.plot($("#temperature-plot"), [temperature_data], options);
+
+
-
- $('#trigger-value').width(200*(parseFloat(data['volt'])/3.5));
- $('#uptime').text(data['up_time']+' sec');
- $('#temperature').text(data['temp']+' °C');
- temperature_data.push([data['up_time'],data['temp']]);
-
- var o = plot_temperature.getAxes().xaxis.options;
- o.max = Math.max(15,data['up_time']);
- o.min = Math.max(0,(o.max - 15));
- plot_temperature.setData([temperature_data]);
- plot_temperature.setupGrid();
- plot_temperature.draw();
- setTimeout(updateStatus, 5000);
-
+
+ $('#potentiometer').width(200*(parseInt(data['volt'])/4096));
+ $('#uptime').text(data['up_time'] +' sec');
+ $('#temperature').text(data['temp']+' °C');
+ temperature_data.push([data['up_time'],data['temp']]);
+
+ var o = plot_temperature.getAxes().xaxis.options;
+ o.max = Math.max(25,data['up_time']);
+ o.min = Math.max(0,(o.max - 25));
+ plot_temperature.setData([temperature_data]);
+ plot_temperature.setupGrid();
+ plot_temperature.draw();
+ setTimeout(updateStatus, 1000);
+
</div>
<div class="content">
<b>Hardware Info:</b><br>
<b>Core name:</b><span id="core_name"></span>
<b>Arch name:</b><span id="arch_name"></span>
</div>
<div class="content">
<b>Hardware Info:</b><br>
<b>Core name:</b><span id="core_name"></span>
<b>Arch name:</b><span id="arch_name"></span>
- <b>Sram size</b><span id="sram_size"></span>
- <b>Flash size</b><span id="flash_size"></span>
- <b>Mem boot type</b><span id="mem_boot_type"></span>
+ <b>Sram size:</b><span id="sram_size"></span>
+ <b>Flash size:</b><span id="flash_size"></span>
+ <b>Mem boot type:</b><span id="mem_boot_type"></span>
- <b>Trigger Value:</b><br/>
- <span class="trigger"><span id="trigger-value" > </span></span>
+ <b>Potentiometer Value:</b><br/>
+ <span class="trigger"><span id="potentiometer"> </span></span>