2010-06-06 16:05:46 +02:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
|
<html>
|
|
|
|
<head>
|
2010-09-27 00:26:35 +02:00
|
|
|
<title>volkszaehler.org - web frontend</title>
|
2010-06-06 16:05:46 +02:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
|
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/jquery.jqplot.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.cursor.min.js"></script>
|
2010-06-08 21:26:02 +02:00
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.barRenderer.min.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/jqplot/plugins/jqplot.highlighter.min.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-09-27 00:26:35 +02:00
|
|
|
<script type="text/javascript" src="javascript/functions.js"></script>
|
|
|
|
<script type="text/javascript" src="javascript/script.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="javascript/jqplot/jquery.jqplot.css">
|
2010-09-27 00:26:35 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
2010-06-06 16:05:46 +02:00
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body style="background-color:#9ACC67;">
|
|
|
|
<form action="" method="POST" name="formular">
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div id="options">
|
|
|
|
|
|
|
|
<!--list of available channels - loaded via json-->
|
|
|
|
<b>Kanäle:</b><br>
|
|
|
|
<table id="channelList" style="font-size:7pt;">
|
|
|
|
<tr>
|
|
|
|
<td></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
2010-06-12 12:18:37 +02:00
|
|
|
<button id="addChannel">add channel</button>
|
2010-06-06 16:05:46 +02:00
|
|
|
<br>
|
|
|
|
|
|
|
|
<div style="font-size:8pt;">
|
|
|
|
<input type="checkbox" name="stackChannels" /> Kanäle addieren<br>
|
|
|
|
<input type="checkbox" name="autoReload" /> auto reload (5s)<br>
|
|
|
|
<button type="button" onclick="JavaScript:return getData();">anzeigen</button>
|
|
|
|
</div>
|
|
|
|
<div id="loading"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="Chart">
|
2010-09-24 02:30:31 +02:00
|
|
|
<!-- keep some space free for the chart -->
|
2010-06-06 16:05:46 +02:00
|
|
|
<div id="ChartPlot" style="height:100%">
|
|
|
|
<div class="moveArrow" style="left:0px;">
|
|
|
|
<table cellpadding="0" cellspacing="0" height="100%">
|
|
|
|
<tr>
|
|
|
|
<td><a id="moveBack" href="#" onclick="JavaScript:moveWindow('back');">«</a></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
2010-09-24 02:30:31 +02:00
|
|
|
</div>
|
|
|
|
<!-- jqplot draws the chart into the following DIV -->
|
2010-06-06 16:05:46 +02:00
|
|
|
<div id="ChartDIV" style="height:100%;width:100%;"></div>
|
|
|
|
<div class="moveArrow" style="right:0px;">
|
|
|
|
<table cellpadding="0" cellspacing="0" height="100%">
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<a id="moveForward" href="#" onclick="JavaScript:moveWindow('forward');">»</a><br><br />
|
|
|
|
<a id="moveNow" href="#" onclick="JavaScript:moveWindow('last');">»»</a>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="ChartInfo" style="display:none;">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
2010-06-12 12:18:37 +02:00
|
|
|
|
2010-06-08 21:26:02 +02:00
|
|
|
<div id="json"></div>
|
2010-09-24 02:30:31 +02:00
|
|
|
<!-- uncomment the following line to activate debugging -->
|
2010-09-11 20:16:57 +02:00
|
|
|
<!--<div id="debug"></div>-->
|
2010-06-06 16:05:46 +02:00
|
|
|
|
|
|
|
</body>
|
2010-09-11 05:09:00 +02:00
|
|
|
</html>
|
2010-09-11 07:37:28 +02:00
|
|
|
|