Posición de los LEDs Input en px del borde superior de la ventana
Posición de los LEDs Input en px del borde izquierdo de la ventana
Posición de los LEDs Output en px del borde superior de la ventana
Posición de la imagen del aparato en px del borde superior e izquierdo de la ventana
Tiempo en ms, dentro del cual el Applet actualiza el valor de medición; adaptar a necesidad.
Los Inputs, contadores y Outputs del Web-IO digital pueden visualizarse con ayuda de JavaScript y algunas figuras fácilmente en una página Web. De la actualización corriente de la indicación se encarga la integración del Web-IO-Applet.
Con el ejemplo siguiente copy&paste puede representar su Web-IO Digital con sus Inputs y Outputs en una página Web.
¿No tiene todavía un Web-IO y quiere probar el ejemplo presentado?
no hay problema: Le ponemos a disposición el Web-IO Digital 2xInput, 2xOutput PoE gratis durante 30 días. Rellene sencillamente un pedido muestra y le enviaremos el Web-IO para probar a cuenta abierta. Si nos devuelve el aparato dentro de los 30 días, le abonamos la factura completa.
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 (ii=0; ii<img_count; ii++)
{ this.multipics[ii] = new Image();
this.multipics[ii].src = img_name+ii+'.'+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 (ii=0; ii<this.multipic_count; ii++)
{ if(iCount==ii)
{ document.getElementById(this.multipic_id).src = this.multipics[ii].src;
}
}
}
function inputChanged( iDevice, iNr, iVal )
{ ledinput[iNr].Set(iVal);
}
function outputChanged( iDevice, iNr, iVal )
{ ledoutput[iNr].Set(iVal);
}
function setPassword()
{ document.applets["dio"].setPassword( document.forms[0].tfPassword.value );
document.forms[0].tfPassword.value = '';
}
</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 Digital.
...
<body style="background-color: #0099CC; font-family: Arial, Helvetica, sans-serif;"> <applet name="dio" archive="dio.jar" code="dio.class" codebase="http://10.40.50.5"
height="0" width="0" mayscript>
<param name="device" value="0">
<param name="showerrors" value="off">
<param name="inputpolling" value="on">
<param name="outputpolling" value="on">
<param name="counterpolling" value="off">
<param name="pollingrate" value="1000">Java ist nicht aktiviert oder wird nicht unterstützt
</applet>
...
3. Formulario de Contraseña
Si ha protegido su Web-IO con una contraseña, copie el formulario de contraseña (en gris) igualmente en la zona <body> de su página Web. En este caso la página Web sólo puede comunicar con el Web-IO después de enviar la contraseña.
Ahora sólo necesita las figuras que pertenecen al objeto indicado, que hemos puesto aquí listas para descargar: .zip (aprox. 9 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.
