Estoy tratando de cambiar dinámicamente una imagen en la página html de acuerdo con una condición verdadera/falsa usando javascript. Si la variable es 0, se debe mostrar una imagen y si era 1, otra imagen en la página html.
Hay muchas imágenes en un proyecto que deben cambiarse. Necesito una función que pueda hacer esta aplicación. Pero no sé si se puede hacer con una sola función o debo usar una función para cada variable.
Si es un servidor web siemens, el cambio de variable se aplica automáticamente al escribir :="X": cuando x es 0 en lugar de :="X": se reemplaza el número 0 y para el 1 en lugar de :="X": el número 1 es sustituido. Estoy familiarizado con la codificación html y cómo cambiar la imagen usando el nombre de la imagen y agregando 0 o 1 después del nombre de la imagen. Por ejemplo, nombro una imagen stop0.png y otra imagen stop1.png. ahora en el código html escribo stop:="X":.png de esta manera la imagen cambia según la variable x Pero este método necesita que la página se actualice para mostrar el cambio. Quiero hacer esto de la manera más fácil posible sin actualizar la página.
hmi debe diseñarse en una página (por ejemplo, llamada test.htm) y otra página html con el siguiente código actualizaría todo en "test.htm" cada segundo.
<!DOCTYPE html> <html> <body> <div id="demo"> <h2>auto update page</h2> </div> <script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "test.htm", true); xhttp.send(); } setInterval("loadDoc()", 1000); </script> </body> </html>