Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    script con ie funge con firefox no

    Salve ho questo script:
    <script type="text/javascript" language="javascript">
    <!--
    function spetec(dato){
    switch (dato){
    case "ID1":
    if(document.getElementById("ID1a").style.display== "block"){
    document.getElementById("ID1a").style.display="non e";
    document.getElementById("ID1b").style.display="blo ck";
    document.getElementById("table1").style.display="b lock";
    }else{
    document.getElementById("ID1a").style.display="blo ck";
    document.getElementById("ID1b").style.display="non e";
    document.getElementById("table1").style.display="n one";
    }
    break;
    ...
    }
    }
    //-->
    </script>

    <table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Dimesioni</td>
    </tr>
    <tr id="table1" style="display:none">
    <td></td>
    <td><table width="580" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="30%">Dimensioni (H x L x P):</td>
    <td width="70%"></td>
    </tr>
    <tr>
    <td width="30%">Peso (gr):</td>
    <td width="70%"></td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Operatività</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Memoria</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Display</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Messaggi</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Connettività</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Funcioni audio</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Funzioni immagini</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Organizer &amp; Giochi</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Batteria</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="spectec2" height="24"><table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="20"><div align="center">[img]../images/global/select_off.gif[/img][img]../images/global/select_on.gif[/img]</div></td>
    <td>Confezione</td>
    </tr>
    </table></td>
    </tr>
    </table>

    il problema e che con IE funziona benissimo ma con firefox no mi sposta a centro pagina le itestazioni tipo Dimensioni, Memoria etc e quando si chiude mi lascia spazi sotto le intestazioni.
    Non so se mi sono spiegato comunque prendete il codice che ho postato e vedete il risultato.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    invece che ="block", per mostrare una tabella o parti di essa, setta =""

    non e' il massimo, ma i browser aderenti agli standard vogliono il display corretto per il tipo di elemento da mostrare e nel caso delle tabelle e degli elementi che le costituiscono sono:
    table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-caption
    IE non capisce nulla di tutto cio' e vuole solo block o inline
    complicando un po' gli script in cui si verifica questa situazione

    ma, dal momento che di fronte al settaggio di display="" i browser daranno all' elemento il display opportuno di default (che ha comunque il risultato di mostrare l' elemento)
    puoi fare come ho scritto all' inizio

    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.