javascript problème syntaxe

Question

J'ai cela dans la tête de mon document:

<script type="text/javascript"> 

      var myString= location.href; 
      var mySplit = myString.split("#"); 
      var x = mySplit[1]; 

      if (x == 'page1_div1') { 
       document.getElementById('div1').className = 'theNewClass'; 
      } 
</script> 

Quelle est mon erreur? Merci, Linda

Answer 1

Vous pouvez obtenir le hachage plus facilement à travers location.hash et puisque vous aurez probablement plusieurs divs, il est plus facile de les allumer. Exemple:

<script type="text/javascript"> 
    var myHash = location.hash || 'NO-HASH'; 

    switch (myHash) { 
    case 'NO-HASH': 
     // Original page - no hash. 
     document.getElementById('div1').className = 'theOldClass'; 
     document.getElementById('div2').className = 'theOldClass'; 
     break; 
    case '#page1_div1': 
     document.getElementById('div1').className = 'theNewClass'; 
     document.getElementById('div2').className = 'theOldClass'; 
     break; 
    case '#page1_div2': 
     document.getElementById('div1').className = 'theOldClass'; 
     document.getElementById('div2').className = 'theNewClass'; 
     break; 
    } 
</script> 

Cependant, si cela est lié à votre question de suivi de l'histoire, vous voulez exécuter ce code dans une minuterie de vote.

Answer 2

Si vous avez ce code dans le head de votre document comme vous le dites, le problème est que document.getElementById n'est pas en mesure de trouver votre élément "div1", parce que quand il est exécuté, le body de votre document HASN « t été évaluée, essayez d'utiliser l'événement window.onload:

window.onload = function() { 
    var x = location.hash.substring(1); 

    if (x == 'page1_div1') { 
    document.getElementById('div1').className = 'theNewClass'; 
    } 
}; 

Notez que j'ai aussi simplifié votre code un peu, vous vouliez extraire la hash partie de l'URL actuelle.