Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
37 lines (28 sloc) 1.24 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="" lang="en" xml:lang="en">
<title>SVG Gauge example</title>
<script language="javascript" src="gauge.js"></script>
<!-- <link rel="stylesheet" type="text/css" media="all" href="css/synoptic.css"/> -->
<body onload="document.getElementById('gauge_value').focus()">
<h1>SVG Gauge example</h1>
This is a simple example of an SVG enabled gauge control.
Change form values to update the gauge control.
This may not work in Internet Explorer.
<div class="gauge" style="float: left; margin-right: 20px; margin-top: -10px">
<object id="gauge1" type="image/svg+xml" data="gauge.svg" width="127" height="122"/>
Gauge value <input type="text" value="0" id="gauge_value" size="5" maxlength="6"/><br/>
Gauge scale <input type="text" value="100" id="gauge_scale" size="5" maxlength="6"/><br/>
<input type="checkbox" checked="1" id="gauge_percent"/> Percent?<br/>
<input type="submit" value="Update gauge"
onclick="update_gauge('gauge1',this.form.gauge_value.value,this.form.gauge_scale.value,this.form.gauge_percent.checked);return false;"