I haven't made the leap to Cumulus as of yet but I am trying to figure out the SteelSeries gauges. I'm tearing apart every script I can find and found this forum. Here's the code I have right now and it simply won"t turn on the user LED. I'm sure it's my code but for the life of me I can't figure it out. Very new to HTML and JavaScript so I'll be looking for information next on conditional statements in JavaScript. I'm sure I'll be able to figure it out from looking at other code as that's pretty much how I'm learning C++. Any help on getting the trend indicator working would be appreciated as well....
Code follows...
<head>
<title>Pool Guages</title>
</head>
<body onload=init()>
<table><tbody><tr><td width="100%">
<canvas id=clockCanvas width=200 height=300>No canvas in your browser...sorry...</canvas>
<canvas id=powerCanvas width=200 height=300></canvas>
<canvas id=tempCanvas width=200 height=300></canvas>
<canvas id=diffCanvas width=200 height=300></canvas>
</td></tr></tbody></table>
</body>
<!-- http://emoncms.org/feed/value.json?id=8387 -->
<script>
function init()
{
// Initialzing gauges
// First the outside temp gauge
outsideGauge = new steelseries.Radial('powerCanvas', {
gaugeType: steelseries.GaugeType.TYPE4,
minValue:-10,
maxValue:110,
size: 200,
frameDesign: steelseries.FrameDesign.BRASS,
knobStyle: steelseries.KnobStyle.BRASS,
pointerType: steelseries.PointerType.TYPE6,
backgroundColor: steelseries.BackgroundColor.CARBON,
lcdDecimals: 2,
section: null,
area: null,
titleString: 'Outside Temp',
unitString: '°F',
minMeasuredValueVisible: true,
maxMeasuredValueVisible: true,
threshold: 100,
lcdVisible: true
});
pooltempGauge = new steelseries.Radial('tempCanvas', {
gaugeType: steelseries.GaugeType.TYPE4,
minValue:60,
maxValue:100,
size: 200,
frameDesign: steelseries.FrameDesign.BRASS,
knobStyle: steelseries.KnobStyle.BRASS,
pointerType: steelseries.PointerType.TYPE6,
backgroundColor: steelseries.BackgroundColor.CARBON,
section: null,
lcdDecimals: 2,
area: null,
titleString: 'Pool Temp',
unitString: '°F',
threshold: 87,
lcdVisible: true
});
differentialGauge = new steelseries.Radial('diffCanvas', {
gaugeType: steelseries.GaugeType.TYPE4,
minValue:-20,
maxValue:160,
size: 200,
frameDesign: steelseries.FrameDesign.BRASS,
knobStyle: steelseries.KnobStyle.BRASS,
pointerType: steelseries.PointerType.TYPE6,
backgroundColor: steelseries.BackgroundColor.CARBON,
section: null,
lcdDecimals: 2,
area: null,
titleString: 'Differential',
unitString: '°F',
minMeasuredValueVisible: true,
maxMeasuredValueVisible: true,
userLedColor: steelseries.LedColor.RED_LED,
userLedVisible: true,
threshold: 4,
lcdVisible: true
});
myClock = new steelseries.Clock('clockCanvas', {
gaugeType: steelseries.GaugeType.TYPE4,
minValue:0,
maxValue:140,
size: 200,
frameDesign: steelseries.FrameDesign.BRASS,
knobStyle: steelseries.KnobStyle.BRASS,
pointerType: steelseries.PointerType.TYPE1,
backgroundColor: steelseries.BackgroundColor.CARBON,
timeZoneOffsetHour: -5,
section: null,
area: null
});
// Start the gauge update
(function showIt(){
var saveit;
var site =
"http://api.pachube.com/v2/feeds/1098239238.json?&key=GtGuoMKJSqv2tzqGvWaITLhlEDUxrYXSixqPSmlyj-s&&datastreams=0,2,5";
//alert('going for ' + site);
$.ajax({
type: 'GET',
url: site,
dataType: 'json',
cache: false,
data: {},
processData: true,
async: false, // you have to have this so the data will arrive before display
success: function(data_archive) {
//alert("the url returned success");
//alert("got back " + data_archive.datastreams[0].current_value);
outsideGauge.setValueAnimated(eval(saveit=data_archive.datastreams[0].current_value));
pooltempGauge.setValueAnimated(eval(data_archive.datastreams[1].current_value));
differentialGauge.setValueAnimated(eval(data_archive.datastreams[2].current_value));
//differentialGuage.toggleUserLed();
differentialGuage.setUserLedOnOff(true);
differentialGuage.blinkUserLed(true);
},
error: function(a){
//alert("here I am in the error routine");
}
});
//tempGauge.setValueAnimated(75);
//alert('after the get ' + saveit);
setTimeout(showIt, 5000);
})();
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type=text/javascript src=http://dl.dropbox.com/u/88021870/SteelSeries/tween-min.js></script>
<script type=text/javascript src=http://dl.dropbox.com/u/88021870/SteelSeries/steelseries-min.js></script>
