Posición absoluta del objeto ilustrado en px del borde superior e izquierdo de ventana.
Tiempo en ms, dentro del cual el Applet actualiza el valor de medición; adaptar a necesidad.
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 gris) 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 gris) 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.
