I wanted to try to come up with a web page diagram of tank/pipework with temperature labels, and make it reasonable generic that folks could adapt easily.
A standard web page with some of the benefits of
HotBox (Screenshot
here) - but that is a Windows app - and
Mango (Nice example on
philipthemean's site) but I find it jolly slow, and its too Unix-y for my Microsoft skillset
So:
langstroth2 : I've been looking at your code too.
It looks like you are assuming that the Values will be in the same order, in the XML, and thus just assuming that the first value will be "Tank_Top", and so on, is that right?
I was aiming for something more configurable, so I thought I would use <DIV> IDs that matched the ROMIDs of the sensors (could match the Name of the sensor insread, I suppose).
At which point I discovered that parsing XML in JavaScript is not straightforward! and the fact that the ROMID is an Attribute, rather than an Element, seemed to stymie me.
So next up I looked for XML parsers and figured that converting XML to JSON would give me a JavaScript array.
So I've done that ... and now I can loop round the sensors using something like this:
intLength = aryData.TEMPERATURES[0].SENSOR.length;
for(i=0; i < intLength; i++)
{
arySensor = aryData.TEMPERATURES[0].SENSOR[ i ];
strROMID = arySensor.ROMID;
strName = arySensor.NAME[0].Text;
strValue = arySensor.VALUE;
... do something useful with the data for this sensor ...
}
I then thought that I would lash something together so that a graphic could be displayed as background, the co-ordinates determined for the various places where sensor values should be shown, and then <DIV>s added, as you have done, e.g.
<div style="position: absolute; left: 123px; top: 456px; font-weight: bold;" id="8000012345678910">No data</div>
so that I can just inject the value into each DIV with something like:
document.getElementById('8000012345678910').innerHTML = strValue;
before I get much further into this I'd appreciate any thoughts / comments
