Adattatori W&T per TCP/IP, Ethernet, RS-232, RS-485, USB, 20 mA Fibra ottica di vetro e di plastica, http, SNMP, OPC, I/O digitale, I/O analogico, ISA, PCI, ecc.?
L’oggetto dell’immagine è memorizzato con un link facendo clic sul quale viene visualizzato il valore esatto. Se si deve rinunciare a questo link, inserire qui "nolink".
Posizione assoluta dell’oggetto dell’immagine in px dal margine superiore e dal margine sinistro della finestra.
Arco di tempo in msec nel quale l’Applet aggiorna il valore di misura; se necessario, adattarlo.
Il valore misurato dal Web-IO analogico può essere visualizzato piuttosto facilmente su una pagina web per mezzo di JavaScript e di alcune immagini. L’integrazione dell’Applet Web-IO garantisce l’aggiornamento costante della visualizzazione dei valori di misura.
e assegnato un indirizzo IP: con WuTility è facile!
1. Integrazione di JavaScript nella pagina web
Copiate dal seguente esempio il JavaScript (con sfondo grigio) nell’area <head> della vostra pagina web.
<html>
<head>
<title>Zeiger</title>
<script language="JavaScript" type="text/javascript">
<!--
var voltmeter = new multipic(101,"volt_400_","gif",20,10,10,"showvolt");
var valuevolt;
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 picSet(iCount)
{ for (i=0; i<this.multipic_count; i++)
{ if(iCount==i)
{ document.getElementById(this.multipic_id).src = this.multipics[i].src;
}
}
}
function showvolt()
{ alert("Aktueller Wert: "+valuevolt+"V");
}
function sensorChanged( iDevice, iSensor, iVal )
{ if (iSensor==1)
{ valuevolt = iVal;
voltmeter.Set(Math.round(iVal*2));
}
}
</script>
</head>
...
2. Integrazione di Applet nella pagina web
Copiate le indicazioni Applet (con sfondo grigio) nell’area <body> della vostra pagina web.
Inserite l’indirizzo IP del vostro Web-IO analogico.
...
<body>
<applet name="Analog" archive="A.jar" code="A.class" codebase="http://10.40.22.27"
height="0" width="0" mayscript>
<param name="device" value="0">
<param name="showerrors" value="off">
<param name="sensorpolling" value="on">
<param name="pollingrate" value="500">Java ist nicht aktiviert oder wird nicht unterstützt
</applet>
</body>
</html>
3. Download delle immagini + archiviazione
Ora necessitate soltanto delle immagini relative all’oggetto della visualizzazione che vi mettiamo a disposizione qui per il download: .zip (ca. 286 KB). Archiviate le immagini nella directory nella quale si trova anche la pagina web con le indicazioni JavaScript e Applet.
Saremo lieti di fornirvi una consulenza personale!
