Soy nuevo en el foro, pero aun asi ya lo conozco por la de veces que he necesitado de ayuda con algun tema de programación. :D
Bueno jeje paso a explicar un poco mi problema...
Estoy programando una web para un automata siemens 1200.
No se que hago mal... posteo algo de codigo...
Código:
Lo que quiero hacer con este codigo es, que en la variable lampara que viene del servidor, (con ajax) si me marca un 1 cargo una imagen de encendido si no pues cargo la imagen de apagado...<!-- BEGIN AWP_Instructions -->
<!-- AWP_In_Variable Name='"bloque".num1' -->
<!-- AWP_In_Variable Name='"bloque".num2' -->
<!-- AWP_In_Variable Name='"bloque".random' -->
<!-- AWP_In_Variable Name='"bloque".lampara'-->
<!-- AWP_In_Variable Name='"bloque".salida' -->
<!-- END AWP_Instructions -->
<!DOCTYPE html>
<html>
<head lang="es">
<!-- BEGIN META -->
<meta charset="UTF-8">
<!-- <meta http-equiv="refresh" content="10"> -->
<!-- END META -->
<title>Recogida de Variables</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var numero;
</script>
</head>
<body>
<div style="border:1px solid dodgerblue; background-color: aquamarine; height:auto; width: 500px;">
<fieldset>
<legend>Recogida de Variables del S1200</legend>
Num1 = :="bloque".num1: <br/>
Num2 = :="bloque".num2: <br/>
Random = :="bloque".random: <br/>
Lampara = :="bloque".lampara: <br/>
Salida = :="bloque".salida: <br/>
</fieldset>
</div>
<br/>
<div style="border:1px solid dodgerblue; background-color: aquamarine; height: auto; width: 500px;">
<fieldset>
<legend>Introduccion de Variables del S1200</legend>
<form name="f1" method="get">
Num1 : <input name='"bloque".num1' type="text"><br/>
Num2 : <input name='"bloque".num2' type="text"><br/>
Salida : <input name='"bloque".salida' type="text"><br/>
Lampara : <input name='"bloque".lampara' type="text"><br/>
<input type="submit" value="Enviar Datos...">
</form>
</fieldset>
</div>
<br/>
<div style="border:1px solid dodgerblue; background-color: aquamarine; height: auto; width: 500px;">
<fieldset>
<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup({cache:false});
numero = setInterval(function(){$.get("bloqueLampara.html",function(result){$('#bloqueLampara').text(result.trim());});},1000);
});
</script>
<legend>Mostrar Variable con JavaScript</legend>
Estado de la lampara : <label id="bloqueLampara"></label>
<label id="imagen">
<div id="encendido" style="display: none;"><img src="encendido.png"></div>
<div id="apagado" style="display: none;"><img src="apagado.png"></div>
</label>
</fieldset>
</div>
<script type="text/javascript">
function cargarImagen() {
numero = document.getElementById("bloqueLampara").nodeValue;
alert(numero);
if (numero < 0 || numero == 0) {
//Esta apagada.
$('#apagado').css({display: 'block'});
}
else {
//Esta encendida.
$('#encendido').css({display: 'block'});
}
}
if($('#label') != null)
{
$(document).ready(function(){
$.ajaxSetup({cache:false});
setInterval(cargarImagen(),1000);
});
}
</script>
</body>
</html>
Llevo ya cosa de 3 dias mirando sin parar codigo...
si el mensaje esta mal escrito o con un formato erroneo decir. ;)
Mil gracias a la comunidad por la ayuda!!! :)
