Messwert-Zeigerinstrument (Volt & Ampere)
26.05.2010, keine KommentareDer vom Web-IO Analog gemessene Wert kann mit Hilfe von JavaScript und einigen Bildern recht einfach auf einer Webseite visualisiert werden. Für die laufende Aktualisierung der Messwertanzeige sorgt die Einbindung des Web-IO-Applets.
Mit dem folgenden copy&paste-Beispiel können Sie beide von Ihrem Web-IO Analog-In gemessenen Werte (Volt und/oder Ampere) auf einer Webseite in Form eines Zeigerinstruments darstellen. Entsprechende Beispiel-Webseiten und Bilder finden Sie auch für die Anzeige eines Volt-Werts sowie die Anzeige eines Ampere-Werts.
Das Beispiel geht zunächst von der Anzeige eines Volt- und eines Ampere-Werts aus. Am Ende zeigen wir Ihnen noch, welche Parameter Sie bearbeiten müssen, falls zwei Volt- oder zwei Ampere-Werte angezeigt werden sollen.
Vorbereitungen
Sie haben Ihr Web-IO Analog bereits
* mit Strom versorgt,
* an Ihr Netzwerk angeschlossen,
* mit einer IP-Adresse versehen - mit WuTility kein Problem.
1. JavaScript in Webseite einbinden
Datei bitte kostenlos anfordern js@jscad.com
2. Applet in Webseite einbinden
Datei bitte kostenlos anfordern js@jscad.com
3. Bilder downloaden + ablegen
* Nun benötigen Sie nur noch die zum Anzeigeobjekt gehörigen Bilder, die wir hier zum Download bereitgestellt haben: .zip (ca. 583 KB). Bitte legen Sie die Bilder in dem Verzeichnis ab, in dem sich auch die Webseite mit den JavaScript- und Applet-Angaben befindet.
Exkurs: Anzeige zweier Volt- bzw. zweier Ampere-Werte
Datei bitte kostenlos anfordern js@jscad.com
* Falls Sie zwei Volt- oder zwei Ampere-Werte anzeigen lassen wollen, müssen Sie lediglich die rot gekennzeichneten Parameter entsprechend anpassen.
Eigenen Kommentar schreiben
Um einen eigenen Kommentar zu diesem Weblog-Beitrag zu schreiben, müssen Sie nur das nachfolgende Formular sorgfältig ausfüllen.