Problema para refrescar una imagen, sólo funciona en IE

[ferny]

Hola

Estoy haciendo pruebas con un foro SMF y he notado que hay un bug a la hora de registrarse. Justo al lado de la imagen de verificación visual hay un link que permite refrescar la imagen por si el usuario no la comprende.

Código:

<img src="http://www.mundodivx.org/smf/index.php?action=verificationcode;rand=ba9724a7711731a1489a5f29a7d26fd3" alt="" id="verificiation_image" />

<a href="http://www.mundodivx.org/smf/index.php?action=register" onclick="refreshImages(); return false;">Pedir otra imagen</a>

La función javascript a la que se llama al pinchar el enlace es la siguiente:

Código:

function refreshImages()
{
	document.getElementById('verificiation_image').src = 'http://www.mundodivx.org/smf/index.php?action=verificationcode;rand=ba9724a7711731a1489a5f29a7d26fd3';
}

El problema es que la imagen sólo se refresca en IE. He probado también en Firefox y en Opera, y no hace nada. Sospecho que como la ruta de la imagen dentro del tag <img> y dentro de la de la función javascript es la misma, estos navegadores ven que no tiene sentido actualizar y no lo hacen (quizá lo guardan en el caché). Sin embargo, la imagen sí debe cambiar en cuanto se actualice, pues como veis en el código lo que se hace realmente es llamar a un script php encargado de generar la imagen, distinta cada vez.

¿Cómo podría solucionar esto?

Gracias y un saludo

[GoRaK]

No estoy muy seguro de esto pero...

has probado a poner el signo de la interrogación delante de la variable rand.

Código:

function refreshImages()
{
	document.getElementById('verificiation_image').src = 'http://www.mundodivx.org/smf/index.php?action=verificationcode?rand=ba9724a7711731a1489a5f29a7d26fd3';
}

y asegurate de que el valor de rand cambia cada vez, es decir, es aleatorio.

[frijolerou]

Para cambiar el valor de un atributo de cualquier elemento (en este caso el atributo SRC de una imagen) utiliza el método setAttribute:

Código:

document.getElementById('algo').setAttribute('src', 'la_url');

[ferny]

Gracias por las respuestas, las he probado pero no han funcionado

Al final lo he conseguido a base de insistir. Lo que he hecho es pasarle un segundo atributo aleatorio (que es completamente irrelevante) a la imagen de la función javascript, de tal forma que al pinchar en el link las imágenes siempre son distintas y el navegador siempre la recarga

Código:

function refreshImages()
{
	document.getElementById('verificiation_image').src = 'http://www.mundodivx.org/smf/index.php?action=verificationcode?rand=ba9724a7711731a1489a5f29a7d26fd3;' + Math.random();
}

Saludos