0 votes

Javascript fonctionne dans chrome mais pas dans explorer

J'écris ce code en html :

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

<script language="javascript" type="text/javascript">

function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
 }
</script>

<title>Welcome to the memory game</title>
</head>
<body> 

    <h1>Welcome to the memory game!</h1>
    <input type="button" name="type" value='Show Layer' onclick="setVisibility('sub3', 'inline');"/>
    <input type="button" name="type" value='Hide Layer' onclick="setVisibility('sub3', 'none');"/> 

    <div id="sub3">Message Box</div>
</body> </html>

Il est censé faire disparaître la "div" et la réapparaître, mais il fonctionne dans chrome et pas dans explorer.

Quelqu'un a-t-il une idée de la façon dont je peux le faire fonctionner dans l'explorateur (j'ai essayé d'autoriser le contenu bloqué lorsque le message concernant les ActiveX apparaît dans l'explorateur) ?

Merci,

Greg

2voto

Bryan Denny Points 12910

Puis-je vous suggérer d'utiliser jQuery ? Il est très convivial pour les navigateurs et dispose d'une fonction .toggle() pour afficher/cacher un objet DOM.

Votre fonction dans jQuery ressemblerait à

function setVisibility(id) {
   $('#' + id).toggle();
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X