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 al Web-IO analógico:

Indicación digital


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 los dos valores medidos por su Web-IO Analog-In (tipo 57641, 57642, 57643) en una página Web en forma de una indicación digital. Una correspondiente página Web ejemplo también la encontrará para la indicación sencilla.

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;
		var valueampere;
		voltdigit = new Array(5);
		amperedigit = 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='display_400.gif' style='position:absolute; top:173px; left:10px'>");
		document.write("<img border='0' src='dot_400.gif' style='position:absolute; top:37px; left:180px'>");
		document.write("<img border='0' src='dot_400.gif' style='position:absolute; top:200px; 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");
		amperedigit[0] = new multipic(301,"digit_400_","gif",9,200,80,"nolink");
		amperedigit[1] = new multipic(302,"digit_400_","gif",9,200,130,"nolink");
		amperedigit[2] = new multipic(303,"digit_400_","gif",9,200,190,"nolink");
		amperedigit[3] = new multipic(304,"digit_400_","gif",9,200,240,"nolink");
		amperedigit[4] = new multipic(305,"digit_400_","gif",9,200,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==0)
					{
						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)
					}
				else
					{
						valueampere = iVal;
						iVal=valueampere*1000
						do
						{
							i--
							digitvalue = parseInt(iVal/Math.pow(10,i));
							amperedigit[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.