W&T conecta
Interfaces para TCP/IP, Ethernet, RS-232, RS-485, USB, 20mA, fibra óptica de vidrio y de plástico, http, SNMP, OPC, Modbus TCP, I/O digital, I/O analógico, ISA, PCI

Aplicación para Web-IO analógico

Indicación digital

Poner valores de medición en un servidor de base de datos


Indicación digital

El valor medido por el Web-IO analógico puede visualizarse con ayuda de JavaScript y algunas figuras fácilmente en una página Web. De la actualización corriente de la indicación del valor medido se encarga la integración del Web-IO-Applet.

Con el ejemplo siguiente copy&paste puede representar un valor medido por su Web-IO Analógico (tipo 57421, 57642 ó 57643) en una página Web en forma de una indicación digital. Una correspondiente página Web ejemplo también la encontrará par la indicación de dos valores de medición

Preparativos

Ya ha abastecido su Web-IO Analógico

  • con corriente,
  • conectado a su red,
  • dotado con una dirección IP - con WuTility no hay problemas.
1. Integrar JavaScript en la página Web

Copie la JavaScript (en azul) del ejemplo siguiente en la zona <head> de su página Web.

<html>
	<head>
		<title>Digitale Anzeige</title>
		<script language="JavaScript" type="text/javascript">
		<!--
		var valuevolt;
		voltdigit = new Array(5);
		document.write("<img border='0' src='display_400.gif' style='position:absolute; top:10px; left:10px'>");
		document.write("<img border='0' src='dot_400.gif' style='position:absolute; top:37px; left:180px'>");
		voltdigit[0] = new multipic(201,"digit_400_","gif",9,37,80,"nolink");
		voltdigit[1] = new multipic(202,"digit_400_","gif",9,37,130,"nolink");
		voltdigit[2] = new multipic(203,"digit_400_","gif",9,37,190,"nolink");
		voltdigit[3] = new multipic(204,"digit_400_","gif",9,37,240,"nolink");
		voltdigit[4] = new multipic(205,"digit_400_","gif",9,37,290,"nolink");
		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 sensorChanged( iDevice, iSensor, iVal )
			{
			var maxdigits = 5;
			var i=maxdigits;
			var digitvalue;
			if (iSensor==1)
				{
				valuevolt = iVal;
				iVal=valuevolt*1000
				do
					{
					i--
					digitvalue = parseInt(iVal/Math.pow(10,i));
					voltdigit[maxdigits-1-i].Set(digitvalue);
					iVal=iVal-digitvalue*Math.pow(10,i);
					}
				while(i>0)
				}
			}
		</script>
	</head>
...
2. Integrar Applet en la página Web
  • Copie los datos Applet (en azul) en la zona <body> de su página Web.
  • Añada la dirección IP de su Web-IO Analógico.
...
	<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. descargar + depositar figuras
  • Ahora sólo necesita las figuras que pertenecen al objeto indicado, que hemos puesto aquí listas para descargar: .zip (aprox. 21 KB).
  • Por favor deposite las figuras en el registro, en el que se encuentra también la página Web con los datos de JavaScript y Applet.