codice:
<style>
.navigation{border-bottom:1px solid #000000; padding-left: 20px; font-size:14px; margin-top:20px;}
.navigation ul{list-style-type:none; margin:0; padding:0; white-space:nowrap;}
.navigation li{display:inline; margin:0; padding:0;}
.navigation li a{text-decoration:none; border:1px solid #000000; padding:0px 8px; background:#ccc; color:#036}
.navigation li a:hover{background-color: #f0f0f0; text-decoration:none;}
.navigation li#activelink a{border-bottom:1px solid #fff; background-color:#fff; color:#603; font-weight:bold;}
.blocco {display:none;}
</style>

<script>
  var elenco = "a_testo a_immagini a_opzioni"
  elenco = elenco.split(" ")

  function mostradiv(id) {
    for (x in elenco)
    {
      document.getElementById(elenco[x]).style.display = 'none';
      document.getElementById('list_' + elenco[x]).setAttribute('class', '');
      document.getElementById('list_' + elenco[x]).setAttribute('className', '');
    }
    document.getElementById(id).style.display = 'block';
    document.getElementById('list_' + id).setAttribute('class', 'activelink');
    document.getElementById('list_' + id).setAttribute('className', 'activelink');
  }
</script>

<div class="navigation">
  <ul style="list-style-type:none; margin:0; padding:0; white-space:nowrap;">
    <li id="list_testo" class="activelink">Testo
    <li id="list_immagini">Immagini
    <li id="list_opzioni">Opzioni[/list]
</div>
<div id="a_testo" class="blocco">div testo</div>
<div id="a_immagini" class="blocco">div immagini</div>
<div id="a_opzioni" class="blocco">div opzioni</div>
ecco uno script che ho fatto per avere l'effetto di un menu a tab con css e javascript
in locale mi funziona perfettamente, messo in una pagina di test del sito mi da sempre lo stesso errore all'inizio del ciclo for come se non esistesse un elemento con id "a_testo"
ho provato a cambiare il nome dei div, ma nada

com'è che in locale funziona e online no?