About the Weather Gauges

The gauges that display live readings from the weather sensors are called "Steel Gauges". A link to download the code for these gauges can be found in the Weather Candy section of this site. Before you run off and download them, you might want to read the information here.

The gauges can be displayed on a website showing the world your weather readings, as they are on this website, or you can set them up to display on a local PC in your home showing only you the readings. That is cool. Here is the catch... You need something to feed the gauges your sensor data.

This website uses the program "Weather Display" to supply the gauges with a constant feed of data. The configuration of the gauges supports Weather Display and several other types of software if you decide not to use Weather Display. Check the documentation for Steel Gauges to see if your weather software is supported. If you are a programmer, you can probably get these gauges to work without commercial software, but I would not want to do this.

You need to configure these gauges to match your machines setup. The instructions are a bit sketchy and their may be a little hair pulling involved, but I have worked with a lot worse. It is not tremendously hard to get these working. You can do it.

Getting them to pop up on the screen was fun to figure out. Put the HTML code that comes with the gauges in an IFRAME. Then put the IFRAME in a DIV defined in a fixed position on your page...wherever you want them to pop up. Once you got them where you want them set the CSS style visibility:hidden; HEY, they are gone! Yep... they are really still there, they are just hidden. Now on some other DIV, somewhere else on your page add an onMouseOver that changes the visibility of the ID of the DIV you put around your gauges to visible... onMouseOut put it back to hidden.

For example this is a div in a spot not covered by your hidden gauges: <DIV onMouseOver="document.getElementById('LGauge').style.visibility = 'visible';" onMouseOut="document.getElementById('LGauge').style.visibility = 'hidden';">

The above assumes the ID of the DIV you wrapped around the IFRAME of the gauges is called LGauge. Now when you mouse over where this div is located, poof the gauges pop out on the screen, once you move your mouse off this div the gauges go away. Have fun!