Cambiar imagen según texto.

pabloe9k · #1 (**permalink**) 17/06/2012, 20:22

Estimados, necesito de su ayuda.
Necesito una hacer una función JavaScript y no se como. La función tendría que obtener un texto de un DIV (en el cual sólo pueden haber dos posibilidades) y de acuerdo a ese texto mostrar una imagen u otra.
Es decir, si el estado es "activo", a continuación se tendría que mostrar la imagen "1", pero si el estado es "2", a continuación se tendría que mostrar la imagen "2".

El código que estoy usando es el siguiente, pero no me funciona:

Código:

<head>
<script>
function imagenConexion()
{
	variable=document.getElementById("estado");
	if(variable=='activo')
	{
		variable2=document.getElementById("imagen_conectado");
		variable2.style.display="block";
	}
	else
	{
		variable2=document.getElementById("imagen_desconectado");
		variable2.style.display="block";
	}
}
window.onload = imagenConexion;
</script>
</head>

<div id="estado">activo</div>

<br/>

<img id="imagen_conectado" src="deposito/conectado.png" border="0" style="display: none" />
<img id="imagen_desconectado" src="deposito/desconectado.png" border="0" style="display: none" />

Podrán ayudarme a crear la función, por favor?
Muchas gracias, gente.

Saludos.

emprear · #2 (**permalink**) 17/06/2012, 21:20

Por lo pronto mirá lo siguiente

variable=document.getElementById("estado");
if(variable=='activo')
pero. ¿Que es "variable"?, hecho como está es la identificación de un elemento a través de su ID, pero no estás accediendo a ninguna de sus propiedades

Si lo que querés capturar es el texto dentro de ese div, para después hacer la comparación debes usar

variable=document.getElementById("estado");
if(variable.innerHTML=='activo')

se entiende

Saludos

pabloe9k · #3 (**permalink**) 18/06/2012, 07:55

Cita:

Iniciado por emprear

Por lo pronto mirá lo siguiente

variable=document.getElementById("estado");
if(variable=='activo')
pero. ¿Que es "variable"?, hecho como está es la identificación de un elemento a través de su ID, pero no estás accediendo a ninguna de sus propiedades

Si lo que querés capturar es el texto dentro de ese div, para después hacer la comparación debes usar

variable=document.getElementById("estado");
if(variable.innerHTML=='activo')

se entiende

Saludos

No sólo funcionó el código, sino que gracias a tu explicación ahora entiendo como hacerlo.
Muchísimas gracias por la ayuda!

Saludos.