W&T Interfaces for TCP/IP, Ethernet, RS-232, RS-485, USB, 20mA Glass and plastic fiber optic, http, SNMP, OPC, I/O digital, I/O analog, ISA, PCI, ...?
Web-IO Universal
Digital
Analog
Web-IO application-ready
Monitor climate
Alarm Reporting Center
Web-Count / S0 acquisition
IP monitoring
Data Server
Motherbox 2
pure.box 2
Network Memory
TCP/IP-Ethernet servers
Com-Server (serial)
USB Server
Serial interfaces
USB, RS232, RS485, 20mA
Isolators & fiber optics
USB, RS232, RS485, 20mA
PC cards
PCI Express, PCI and ISA bus
...
Printer interfaces
Accessories
Downloads
Old
Your shopping basket
Search
Technical knowledge
Books, articles, glossaries...
Technical background info
Applications for Com-Server , USB Server , Web-IO ,
Web Thermometer ,
Motherbox and pure.box
Application for Web-Thermograph:
Mercury thermometer
The value measured by the Web-Thermograph / Web-Thermo-Hygrograph can be easily visualized on a Web page using JavaScript and a few images. By incorporating the Web-Thermograph applet you ensure continuous updating of the measured value display.
Using the following copy & paste example you can display a temperature value measured by your Web-Thermograph on a Web page in the form of a mercury thermometer.
Preparations
You have already supplied your Web-Thermograph
with power,
connected it to your network,
assigned it an IP address - which with WuTility is no problem.
1. Incorporate JavaScript into the Web page
Copy the JavaScript (shown in gray) from the following example into the <head> area of your Web page.
<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. Incorporate applet into Web page
Copy the applet data (shown in gray) into the <body> area of your Web page.
Insert the IP address of your Web-Thermograph.
<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. Download and save images
Now all you need is the images associated with the display object, which we have provided here for downloading: .zip (approx. 232 kB) . Please place the images in the directory in which the Web page with the JavaScript and applet data are located.
Previous application
Next application
We are here for you personally!
Wiesemann & Theis GmbH
Tel. : +49 202/2680-110 (M-F 8:00 - 5:00)
Porschestr. 12
fax : +49 202/2680-265
42279 Wuppertal
Individual e-mail
© Wiesemann & Theis GmbH, subject to error and alteration: Since we can make errors, none of our statements should be used without verification. Please report any mistakes or misunderstandings so that we can be aware of them and respond appropriately as quickly as possible.