2010-01-04 4 views
11

Je dois afficher/masquer l'image dans la page html. Je pensais que c'était très simple. Mais pourquoi je reçois une erreur «visible» indéfinie.afficher/masquer l'image sur cliquez sur

<!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> 
+0

Essayez de le saisir entre guillemets '... style.visibility =" visible "' – laura

+0

Ne commentez pas votre script: http://dorward.me.uk/www/comments-cdata/ – Quentin

Répondre

16

Vous devez le mettre entre guillemets - c'est une chaîne:

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

J'utiliser Jquery. Allez le télécharger sur la page d'accueil de Jquery.

Ensuite, l'inclure:

<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;"/> 
3

Si les autres réponses ne vous donnent pas les résultats que vous, essayez de régler l'affichage sans pareil:

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

Vous devez joindre entre guillemets, sinon JavaScript pense que vous essayez de lui donner la valeur d'une variable appelée "visible". Comme vous n'avez pas de variable appelée "visible", vous obtenez l'erreur indiquant qu'elle n'est pas définie.

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

Je suis très très désolé. Il devrait être

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

quuotes manquantes visibles.