Comandi che non rispondono

[enricobbbb]

Più o meno incompetente in materia, sono arrivato a scrivere il codice di una pagina simile alla seguente:

<script>
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'block';
    }
  }
}

function nascondi(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'block'){
      document.getElementById(id).style.display = 'none';
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
}
</script>

<div id="SDManvraTitoloHome1">
<a href="#" style="text-decoration:none"
 onclick="    nascondi('SDManvraTitoloGrigio1');
            visualizza('buyGrigio');
            visualizza('STPersnaTitoloGrigio2');
            visualizza('SDManvraTitoloNero1');
            nascondi('SDManvraTitoloHome1');
            nascondi('STPersnaTitoloHome2');
            visualizza('AboutTitoloHome');
              nascondi('about');
              nascondi('AboutTitoloNero');
            nascondi('STPersnaTitoloNero2');
            nascondi('VDPasstoreTitoloHome3');
            nascondi('VDPasstoreTitoloNero3');
              visualizza('VDPasstoreTitoloGrigio3');
            visualizza('SDManvra1');
            nascondi('SDManvra2');
            nascondi('SDManvra3');
            nascondi('SDManvra4');
            nascondi('SDManvra5');            
            nascondi('VDPasstore1');
            nascondi('coperturaSX');
            nascondi('VDPasstore2');
            nascondi('STPersna1');
            nascondi('STPersna2');
            nascondi('buySDManvra');            
            nascondi('buyNero')">Sdmanvra</a></div>

<div id="SDManvraTitoloNero1"><a href="#" style="text-decoration:none"
 onclick="    nascondi('SDManvraTitoloGrigio1');
            nascondi('STPersnaTitoloGrigio2');
            nascondi('buyGrigio');
            nascondi('SDManvraTitoloNero1');
            visualizza('SDManvraTitoloHome1');
            visualizza('STPersnaTitoloHome2');
            visualizza('AboutTitoloHome');
              nascondi('about');
              nascondi('AboutTitoloNero');
            nascondi('STPersnaTitoloNero2');
            visualizza('VDPassatreTitoloHome3');
              nascondi('VDPassatreTitoloGrigio3');
            nascondi('SDManvra1');
            nascondi('SDManvra2');
            nascondi('SDManvra3');
            nascondi('SDManvra4');
            nascondi('SDManvra5');            
            nascondi('VDPassatre1');
            nascondi('coperturaSX');
            nascondi('VDPassatore2');
            nascondi('STPersna1');
            nascondi('STPersna2');
            nascondi('buySDManvra');            
            nascondi('buyNero')">Sdmanvra</a></div>

eccetera 

Insomma semplicemente tanti div e un paio di comandi nascondi e visualizza con i quali controllare tutti questi div alla pressione di alcuni pulsanti.

Accade abbastanza spesso che alcuni comandi non rispondano e che sia comunque sufficiente spostare l'istruzione relativa (tagliaeincolla) nella lista di tutte quelle associate al pulsante (come nel codice esempio) per riattivare il comando.

Dunque mi piacerebbe capire se e come sia possibile risolvere meglio e definitivamente il problema piuttosto che intervenire ogni volta con verifiche empiriche sui singoli collegamenti e soprattutto correre il rischio che qualche comando sia comunque inattivo.

Perdonate se come probabile ho anche commesso qualche errore piuttosto grave o banale ma ripeto sono decisamente incompetente in materia.

Grazie.

Enrico