Javascript travail en chrome, mais pas dans l'explorateur

Je vous écris ce code html:Javascript travail en chrome, mais pas dans l'explorateur

<!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 suppose de faire le « div » disparaître et reapper, mais il fonctionne en chrome et non dans l'explorateur.

Quelqu'un at-il une idée de comment je peux le faire fonctionner dans l'explorateur (j'ai essayé d'autoriser le contenu bloqué lorsque ce message sur activeX apparaît dans l'explorateur)?

Merci,

Greg

Source

2010-03-26 Greg

Works dans IE8.0.6.001 pour moi. –

Même ici, fonctionne très bien dans ie8 –

Greg, quelle version d'IE utilisez-vous? –

Puis-je suggérer que vous essayez d'utiliser jQuery? Il est très inter-navigateur et a une fonction .toggle() pour montrer/cacher un objet DOM.

Votre fonction jQuery ressemblerait

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

Source

2010-03-26 13:30:55

@Greg: JQuery gère pour vous les problèmes de navigateurs croisés et vous offre également des fonctionnalités avancées qu'il est presque impossible d'écrire vous-même. –

Je suis tout à fait d'accord. – DCD

jQuery est également d'environ 50 Ko. Vous n'avez pas besoin de 50 Ko de code téléchargés et analysés simplement pour basculer la visibilité d'un élément. – Chibu

Javascript travail en chrome, mais pas dans l'explorateur

Répondre

Questions connexes