mostrar/ocultar la imagen al hacer clic

Necesito mostrar/ocultar la imagen en la página html. Pensé que es muy simple. Pero por qué estoy obteniendo el error 'visible' indefinido.mostrar/ocultar la imagen al hacer clic

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title>Ajax Test 
    </title> 
    <script type="text/javascript"> 
<!-- 
    function showImage(){ 
     document.getElementById('loadingImage').style.visibility=visible; 
    } 

    --> 

    </script> 
    </head> 
<body> 
    <input type="button" value="Ajax Button" onclick="showImage();"/> 
    <img id="loadingImage" src="ajax-loader.gif" style="visibility:hidden"/> 

</body>

Fuente

2010-01-04 crazyTechie

Intenta escribir entre comillas '... style.visibility =" visible "' – laura

No hagas comentarios al guión: http://dorward.me.uk/www/comments-cdata/ – Quentin

Es necesario poner entre comillas - es una cadena:

document.getElementById('loadingImage').style.visibility='visible';

Fuente

2010-01-04 11:54:07

me gustaría utilizar jQuery. Ve a descargarlo en la página de inicio de Jquery.

A continuación, se incluyen:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function showImage(){ 
$("#loadingImage").toggle(); 
} 

</script> 


<img id="loadingImage" src="ajax-loader.gif" style="display:none;"/>

Fuente

2010-01-04 11:54:46 TIMEX

Si las otras respuestas no le dan los resultados que está buscando, intente configurar la pantalla de ninguno:

document.getElementById('loadingImage').style.display='none';

Fuente

2010-01-04 11:55:34

Es necesario para encerrar está entre comillas, de lo contrario JavaScript cree que intentas configurarlo para que sea el valor de una variable llamada "visible". Como no tiene una variable llamada "visible", recibe el error que dice que no está definida.

document.getElementById('loadingImage').style.visibility='visible';

Fuente

2010-01-04 11:55:40

Lo siento mucho. Debe ser

document.getElementById('loadingImage').style.visibility='visible';

quuotes missing anroung visible.

Fuente

2010-01-04 11:56:20 crazyTechie

mostrar/ocultar la imagen al hacer clic

Respuesta

Cuestiones relacionadas