83 lines
1.8 KiB
HTML
83 lines
1.8 KiB
HTML
<!-- -*- HTML -*- -->
|
|
<TMPL_INCLUDE NAME="partial/head.tmpl">
|
|
<body>
|
|
<TMPL_INCLUDE NAME="partial/logo_navigation.tmpl">
|
|
<div id="main">
|
|
<TMPL_INCLUDE NAME="partial/navigation.tmpl">
|
|
<div id="content">
|
|
<h2>Graph zoom</h2>
|
|
|
|
<div style="position:relative;">
|
|
<img id="image" />
|
|
<div id="overlayDiv" />
|
|
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
|
|
</td>
|
|
<td>
|
|
Zooming is easy, it's done in 3 clicks (regular clicks, no drag&drop):
|
|
<ol>
|
|
<li> First click to define the start of zoom.
|
|
<li> Second click to define the ending of zoom.
|
|
<li> Third click inside the defined zone to zoom, outside to cancel the zone.
|
|
</ol>
|
|
<td>
|
|
</tr>
|
|
</table>
|
|
|
|
<form name="myNewForm" id="myNewForm">
|
|
<table>
|
|
<!-- Plugin Name : "domain/hostname" -->
|
|
<tr>
|
|
<td>Plugin Name <em>(domain/hostname/plugin_name)</em> :</td>
|
|
<td><input type="text" name="plugin_name" size="64" ></td>
|
|
</tr>
|
|
|
|
<!-- Start and stop -->
|
|
<tr>
|
|
<td>Start/Stop of the graph <br/>(format:2005-08-15T15:52:01+0000) <br /><em>(epoch)</em> :</td>
|
|
<td>
|
|
<input type="text" name="start_iso8601" size='24'> / <input type="text" name="stop_iso8601" size="24"> <input name="btnMaj" type=button value="update" /> <br />
|
|
|
|
(<input type="text" name="start_epoch" size="10"> / <input type="text" name="stop_epoch" size="10">)
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Limit high & low -->
|
|
<tr>
|
|
<td>Limit low/high :</td>
|
|
<td>
|
|
|
|
<input type="text" name="lower_limit" size="10"> / <input type="text" name="upper_limit" size="10">
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
<!-- Image size -->
|
|
<tr>
|
|
<td>Graph size (w/o legend) <em>(pixels)</em>:</td>
|
|
|
|
<td>
|
|
<input type="text" name="size_x" size="5"> / <input type="text" name="size_y" size="5" >
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<input type="submit" />
|
|
<input type="button" name="btnZoomOut" value="Zoom Out x2" />
|
|
</form>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
|
|
|
|
</script>
|
|
|
|
</div>
|
|
<TMPL_INCLUDE NAME="partial/footer.tmpl">
|
|
</body>
|
|
</html>
|