Problema con Tabelle che scompaiono mediante Radiobutton

[EvanderIV]

Salve atutti ,
Ringraio in anticipo coloro i quali mi risponderanno dedicndomi tempo e pazienza .

Ho creato uno script in JS che dovrebbe permettermi di far scomparire o comparire 2 tabelle in base alle scelte dell'utente , ma ho qualche problemino e non capisco dove sbaglio .
Premetto che l'idea originaria sarebbe quella di far sparire tali tabelle inserite in 2 div , uno per ogniuna ma....

Le tabelle scomparendo non devono lasciare spazi vuoti , quindi non posso usare Visibility ma Display .

Posto i codici "demo" che ho provato , o alcuni di essi , quello si cui verrà applicata la funzione é eccessivamente lungo .

[EvanderIV]

Scusate devo aver fatto qualche errore ....

posto il codice

Prova1:

 <script type=text/javascript>

     function Gost1(_cx) {
        if (document.getElementById) { 
              if (_h=='s') {eval("document.getElementById("Ser1").style.display="none";");
                            eval("document.getElementById("Ser2").style.display="block";");
}


              if (_h=='f'){ {eval("document.getElementById("Ser2").style.display="none";");
                            eval("document.getElementById("Ser1").style.display="block";");
}
                  } 
                }
  </script>

Ho provato sia sui div che direttamente sulle table ma senza risultati .....

HTML

<form>
     Scelta     <input name="r5" type="radio" onClick="Gost1('f')">  
     Scelta     <input name="r6" type="radio" onClick="Gost1('s')"> 
        
 </form>
      
 
         <table border=1   id="Ser1"  style="display: none;" >
               <tr>
                   <td>
                    Prova
                 </td>
                 <td>
                     Prova 
                 </td>
              </tr>
          </table>


    <table border=1   id="Ser2"  style="display: none;" >
               <tr>
                   <td>
                    Prova
                 </td>
                 <td>
                     Prova 
                 </td>
              </tr>
          </table>

Grazie

[EvanderIV]

....avrei provato anche così...

function Gost1(_h) {
         if (document.all) { 
              if (_h=='s') {document.all.Ser1.style.display ="none" ;
                               document.all.Ser2.style.display = "block";
}

              if (_h=='f'){ {document.all.Ser2.style.display ="none" ;
                             document.all.Ser1.style.display = "block";
}
                }
 }

Ma anche qui nessun risultato apprezzabile .... e dier che con Visibility fungeva...
Qualcuno ha consigli ?

[Xinod]

ma non avevi detto che le tabelle erano in 2 div diversi?
te lo consiglio per evitare di settare un display per le tabelle che con i browser aderenti agli standard (tutti meno che IE) non e' "block"

prendiamo per buono il primo esempio:
- il parametro della funzione e' _cx mentre nelle condizioni parli di _h, ovviamente rimasto dall' altra prova
- questi eval non servono (tra l' altro non hai premesso un backslash ad ogni doppio apice che non va inteso come delimitatore di stringa)
basta
document.getElementById("Ser1").style.display="non e";

usa firefox (ancora meglio se con l' estensione firebug) per sviluppare, perche' la console degli errori e' in genere abbastanza precisa ed e' uno strumento indispensabile di debug

ciao

[EvanderIV]

Grazie per la tempestiva risposta !! Davvero .

In effetti per quanto riguarda le variabili errate é stato un errore di distrazione riportando il codice e semplificndolo .

In ogni caso grazie al tuo suggerimento ora funge correttamente applicandolo direttamente alle table . Ti ringrazio davvero .

Ho provato sa applicandolo direttamente alle table che alle div .

Posto il codice corretto con i suggerimenti di Xinod al fine di metterlo a disposizione di tutti coloro che incpperanno , spero di no , prossimamente nel mio stesso errore .

 <script type=text/javascript>

 function Gost1(_h) {
     if (document.getElementById) { 
              if (_h=='s') {document.getElementById("Ser1").style.display="none";
                             document.getElementById("Ser2").style.display="block";}


              if (_h=='f'){  document.getElementById("Ser2").style.display="none";
                             document.getElementById("Ser1").style.display="block";}
                  } 
                }

   </script>



 <form>
     FTP     <input name="r3" type="radio" onClick="Gost1('f')">  
     SERIAL  <input name="r4" type="radio" onClick="Gost1('s')"> 
        
 </form>
      
  <div id="Ser1" style=" display:none;">

 
         <table border=1   id="SeA"   >
               <tr>
                   <td>
                     Prova
                 </td>
                 <td>
                     Prova 
                 </td>
              </tr>
          </table>

</div>

  <div id="Ser2" style=" display:none;">

           <table border=1  id="SeB" >
               <tr>
                   <td>
                     Prova
                 </td>
                 <td>
                     Prova 
                 </td>
              </tr>
        </table>
</div>

Grazie ancora .

[Xinod]

di nulla