Javascript ne fonctionne pas dans IE

Question

Je viens de réaliser que mon site pas fonctionne correctement dans IE. Cela fonctionne parfaitement dans Chrome et Firefox. Dans IE, le problème est, les éléments effectués par javascript, n'apparaissent pas. J'ai Javascript activé, donc je ne sais pas comment c'est différent des autres navigateurs.

Il est quand je suis en utilisant la fonction toggle_visibility:

function toggle_visibility_1(id) { 
    var e = document.getElementById(id); 
    if(e.style.display = 'inline') 
    e.style.display = 'none'; 
} 
function toggle_visibility_2(id) { 
    var e = document.getElementById(id); 
    if(e.style.display = 'none') 
    e.style.display = 'inline'; 
} 

Le site est ici: http://www.dillonbrannick.com/ bien sûr, il n'y aura pas de problème notable, sauf dans IE et si dans IE, il ne peut pas être évident, si j'espère que je l'ai décrit assez bien.

Il semble donc que je en quelque sorte le problème résolu fonctionne comme il devrait le voir ici si vous voulez: http://testerwebby.tumblr.com/ Je ne sais pas ce que je faisais, mais je vais bientôt avoir déployé sur mon site, Merci pour votre aide.

Answer 1

Vous effectuez l'affectation, pas une comparaison:

// Sets the value of display 
if (e.style.display = 'none') 

Vous devez utiliser == (valeur) ou === (valeur et le type) pour tester l'égalité:

// Tests the value of display 
if (e.style.display == "none") 

Si tout ce que vous voulez à faire est de basculer entre inline et none, ce qui suit serait mieux:

function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    e.style.display = (e.style.display === "none") ? "inline" : "none" ; 
} 

Démo: http://jsbin.com/uyawop/edit#javascript,html