Tengo una pagina web en la cual quiero mostrar un numero obtenido de un .php
y dependiendo del numero, una imagen, usando javascript
.
El html
:
<h1 id="speed"></h1> //mostrar el valor numérico obtenido
<img style="width: 50%;" id="vst" src=""><br> //mostrar imagen según el valor
Con la siguiente función en js
, he conseguido leer cada 100 ms el valor que el php
me envia:
function refresh() {
$('#speed').load('php_file.php', function() {
setTimeout(refresh, 100);
})
}
Tengo otra función, que me sirve para mostrar la imagen dependiendo del valor obtenido:
function getInputValue(){
var img = <?php require ('php_file.php'); ?>; //lectura del archivo para obtener el valor
if (img == 0) {
document.getElementById('vst').src="img/test.png" //mosrtar una imagen dependiendo del valor
}
El problema es que con la segunda función, el valor mostrado en la web, no se actualiza y me gustaria saber si se le puede asignar un id
como con el speed
.
Si es necesaria alguna aclaración preguntad y gracias por la ayuda.
refresh
tendrá como consecuencia unstackoverflow
tarde o temprano. Podrías usarsetInterval
en su lugar. Mi recomendación es que uses algún sistema bidireccional y programación reactiva. Saludosphp
? El hecho de no poder mezclar código, no lo veo tan claro como dices, ya que en la función que me extrae el idspeed
, no me da ningún problema y está leyendo un archivo enphp
.html
donde puedes incrustar código PHP porque el servidor lo procesa y luego hace el render que envía al cliente (una página compilada) y otra cosa muy distinta es intentar que una función JavaScript (que se ejecuta desde el lado cliente exclusivamente) intente ejecutar o cargar un dato de una función o página PHP (el código de PHP sólo puede ejecutarse en el servidor). Una forma de obtener resultados es mediante peticiones Ajax.