De <span> tag is niets meer dan een delimeter voor een stuk tekst. Het voordeel is dat <span> inline kan werken, in tegenstelling tot een <div> of een <p> tag. Je kan dus bepaalde eigenschappen definiëren voor meerdere tekst gedeelten op één lijn.
In ieder geval: Als je CoolMon op 'act as web service' hebt gezet, moet je op op http://localhost:61300 (of http://serverip:61300) de raw XML data zien die CoolMon genereert. Als dat zo is, ben je op de goede weg.
In het script dat je gebruikt wordt vervolgens die data geladen, dmv
code:
1
| dom.load("http://localhost:61300"); |
Dan worden er definities geladen, bijvoorbeeld voor CPU usage:
code:
1
2
| cpu_load.innerHTML =
GetNode(dom,"CoolMon/Raw/Processor_Usage"); |
Voor de definitie 'cpu_load.innerHTML' wordt uit de XML file de waarde voor 'Processor_Usage' getrokken.
In de HTML eronder wordt deze definitie opgeroepen dmv:
code:
1
| cpu: <SPAN ID="cpu_load" STYLE="position:relative; font-weight: bold;"></span> |
de waarde weergegeven.
Een andere methode is die in het eerste voorbeeld gebruikt wordt, als je daar in de source kijkt zie je dat een hele hoop keer een 'document.write' gebruikt wordt. Dat is een minder nette methode, maar werkt ook.