W&T Interfaces
für TCP/IP, Ethernet, RS-232, RS-485, USB, 20mA
Glas- und Kunststoff-LWL, http, SNMP, OPC, I/O digital, I/O analog, ISA, PCI, ...?
      Produkte
Home Kontakt   Distributoren weltweit
Sprachen:
DE
US
ES
IT
RU
Web-IO Universal
Digital
Analog
Web-IO Anwendungsfertig
Klima überwachen
Alarmmeldezentrale
Web-Count / S0-Erfassung
IP-Überwachung
Datenserver
Motherbox 2
pure.box 2
Netzwerkspeicher
TCP/IP-Ethernet Server
Com-Server (Seriell)
USB-Server
Serielle Interfaces
USB, RS232, RS485, 20mA
Isolatoren & Lichtleiter
USB, RS232, RS485, 20mA
PC-Karten
PCI Express, PCI- und
ISA-Bus
...
Drucker-Interfaces
Kundenfrequenzmessung
Zubehör
Downloads
Altes
Warenkorb    Ihr Warenkorb

 
      Fachwissen
Bücher, Aufsätze, Glossare...
Technische Hintergrundinfo
Applikationen zu Com-Server,
USB-Server, Web-IO,
Web-Thermometer,
Motherbox und pure.box
 

Applikation zum Web-Thermograph:

Quecksilberthermometer




 Weiterführende Links: Produktübersicht Applikationsübersicht Druck-Version


Der vom Web-Thermograph / Web-Thermo-Hygrograph 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-Thermomgraph-Applets.

Mit dem folgenden copy&paste-Beispiel können Sie einen von Ihrem Web-Thermograph gemessenen Temperaturwert-Wert auf einer Webseite in Form eines Quecksilberthermometers darstellen.


Vorbereitungen
Sie haben Ihren Web-Thermograph bereits
  • mit Strom versorgt,
  • an Ihr Netzwerk angeschlossen,
  • mit einer IP-Adresse versehen - mit WuTility kein Problem.
1. JavaScript in Webseite einbinden
  • Kopieren Sie aus dem folgenden Beispiel das JavaScript (grau unterlegt)
    in den <head>-Bereich Ihrer Webseite.
<html>
<head>
<title>Zeiger</title>
<script language="JavaScript" type="text/javascript">
<!--
document.write("<a href='javascript:showgrad();'><img border='0' src='Thermometer.gif' style='position:absolute; top:10px; left:10px'>");

var thermometer = new multipic(301,"Thermometer","gif",91,100,50,"showgrad");
var grad;

function multipic(id, img_name, img_ext, img_count, ypos, xpos, link)
{
img_count++;
this.multipics = new Array( img_count );
this.multipic_count = img_count;
this.multipic_id = id; // class variables
for (i=0; i<img_count; i++)
{
this.multipics[i] = new Image();
this.multipics[i].src = img_name+i+'.'+img_ext;
}
this.Set = picSet; // class method
if (link == "nolink")
{
document.write("<img id='"+this.multipic_id+"' style=position:absolute;top:"+ypos+"px;left:"+xpos+"px src="+this.multipics[0].src+" border=0>");
}
else
{
document.write("<a href='javascript:" + link + "(" + id + ");'><img id='"+this.multipic_id+"' style=position:absolute;top:"+ypos+"px;left:"+xpos+"px src="+this.multipics[0].src+" border=0></a>");
}
}

function showgrad()
{
alert("Aktueller Wert: "+grad+"°");
}

function picSet(iCount)
{
for (i=0; i<this.multipic_count; i++)
{
if(iCount==i)
{
document.getElementById(this.multipic_id).src = this.multipics[i].src;
}
}
}

function sensorChanged( iDevice, iSensor, iVal )
{
if (iSensor==0)
{
grad = iVal;
if(iVal!=0)
{
thermometer.Set(Math.round(iVal)+20);
}
else
{
thermometer.Set(0);
}
}
}
</script>
</head>

2. Applet in Webseite einbinden
  • Kopieren Sie die Applet-Angaben (grau unterlegt) in den <body>-Bereich Ihrer Webseite.
  • Fügen Sie die IP-Adresse Ihres Web-Thermograph ein.

<body>
<applet name="Analog" archive="A.jar" code="A.class" codebase="http://10.40.23.16" height="0" width="0" mayscript>
<param name="device" value="0">
<param name="showerrors" value="off">
<param name="sensorpolling" value="on">
<param name="pollingrate" value="1000">
</applet>
</body>
</html>


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. 232 KB). Bitte legen Sie die Bilder in dem Verzeichnis ab, in dem sich auch die Webseite mit den JavaScript- und Applet-Angaben befindet.

vorherige Applikation
vorherige Applikation
nächste Applikation
nächste Applikation
 
  • Mister Wong
  • Google Bookmarks
  • Twitter
  • Facebook
  • Digg
   Impressum
Wir sind gerne persönlich für Sie da! Wiesemann & Theis GmbH Tel.: 0202/2680-110 (Mo-Fr. 8-17 Uhr)
Porschestr. 12 Fax: 0202/2680-265
42279 Wuppertal individuelle E-Mail

© Wiesemann & Theis GmbH, Irrtum und Änderungen vorbehalten: Da wir Fehler machen können, darf keine unserer Aussagen ungeprüft verwendet werden. Bitte melden Sie uns alle Ihnen bekannt gewordenen Irrtümer oder Mißverständlichkeiten, damit wir diese so schnell wie möglich erkennen und beseitigen können.