Refrescar una imagen generada por php

Dartamias · #1 (**permalink**) 13/02/2009, 15:09

Mi mas cordial saludo, primero que nada quiero agradecer a este foro por muchas de las soluciones que me ha brindado a lo largo del poco tiempo que vengo explorando el mundo de los lenguajes de programación.

Bueno ire al grando directamente, he logrado generar una imagen desde php en la cual se encuentran plasmadas fechas de mantenimiento por cada equipo existente, y también he conseguido que dicha imagen se recargue aleatoriamente (esto se puede ver desde el index, cada vez que se recarga, muestra una imagen distinta y obviamente una fecha distinta) Esta imagen la llamo al index de la siguiente manera:

<img src="imagen.php" width=196 height=134>

La imagen puede recargarse al mismo tiempo que se recarga el index, pero quiero ademas que se recargue cada x segundos sin tener que recargar el index. He probado aplicando lenguaje javascript, pero siempre que la imagen tiene que actualizarse desaparece, se queda en blanco. Por favor, la ayuda que pido es urgente.

SPAWN3000 · #2 (**permalink**) 13/02/2009, 15:24

Necesitas AJAX:

Por lo pronto puedes probar con un link, luego deberás implementar un setinterval:

<a href="#" onclick="recargar('imagen','imagen.php')">recargar imagen</a>
imagen es tu id.
imagen.php es tu url, que también le podes pasar parámetros.

Debes cargar tu imagen en un div
<div id="imagen"></div>

la función recargar hace la llamada a tu función ajax.

Para mayor referencia, Hoy acabo de postear una función AJAX básica en ese foro,.

ElJavista · #3 (**permalink**) 13/02/2009, 17:33

No necesitas ajax sino un poco de javascript. Bien, si ese archivo "imagen.php" puede generar una nueva imagen cada vez que se recarga entonces no tienes más que usar JavaScript para que se vuelva a recargar, de este modo:

<body onload="recargar()">

Y la función JavaScript sería así:

Código:

function recargar() {
    window.setInterval("recargaImg()", 5000); // 5000 tiempo en milisegundos (5 segundos)
}

function recargaImg() {
   document.getElementById("imagen").src = "imagen.php?rnd="+Math.random();
}

Tienes que ponerle ese id a tu imagen, así:

<img src="imagen.php" id="imagen" />

Espero que te sirva.

Dartamias · #4 (**permalink**) 13/02/2009, 18:18

Hola de nuevo, de antemano muchas gracias, SPAWN3000 y ElJavista, pero el problema persiste y he aplicado todo lo que he podido encontrar hasta el momento, aplicando el método de añadir dos funciones recargar() y recargarImg() me doy con la sorpresa de que me lanza un error en la URL al momento de la recarga.

caricatos · #5 (**permalink**) 13/02/2009, 18:40

Hola:

En el primer caso no te han avisado que dentro del div debe haber una imagen (supongo), y en el segundo, que es como siempre hemos solucionado este asunto (ya lo han preguntado muchas veces), si no te sale, supongo que habrás escrito algo mal... si dispones de una consola de errores, consúltala.

Saludos

Dartamias · #6 (**permalink**) 13/02/2009, 18:44

Si Caricatos, habia escrito mal, disculpen. El código funciona perfectamente, muchas gracias a todos por su ayuda y paciencia.