HTML / Javascript e formattazione

**IlMerovingio** · 18-09-2010, 19:37

Ciao a tutti, ho il seguente codice HTML:

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>TEST</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
 
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
        mode : "textareas", 
        theme : "advanced", 
        plugins : "emotions,spellchecker,advhr,insertdatetime,preview",     
         
    // Theme options - button# indicated the row# only 
    theme_advanced_buttons1 :  "newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,formatselect", 
    theme_advanced_buttons2 :  "cut,copy,paste,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,|,code,preview,|,forecolor,backcolor", 
    theme_advanced_buttons3 : "insertdate,inserttime,|,spellchecker,advhr,,removeformat,|,sub,sup,|,charmap,emotions",     
    theme_advanced_toolbar_location : "top", 
    theme_advanced_toolbar_align : "left", 
    theme_advanced_statusbar_location : "bottom" //(n.b. no trailing comma in last line of code) 
    //theme_advanced_resizing : true //leave this out as there is an intermittent bug. 
     
}); 
</script> 
 
<script type="text/javascript"> 
            function ShowAzienda(show){ 
            azienda.style.display = show ? 'block' : 'none'; 
            } 
 
            function ShowPartner(show){ 
            partner.style.display = show ? 'block' : 'none'; 
            } 
</script> 
 
<!-- ShareThis --> 
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> 
<script type="text/javascript">stLight.options({publisher:'bcf9178f-3688-40cc-933e-ef125f097e06'});</script> 
<!-- Fine ShareThis --> 
 
<!-- CALENDARIO --> 
<link rel="stylesheet" type="text/css" media="all" href="css/calendario/theme.css" title="Aqua" /> 
<script type="text/javascript" src="calendar.js"></script> 
<script type="text/javascript" src="calendar-it.js"></script> 
<script type="text/javascript" src="calendar2.js"></script> 
<!-- FINE CALENDARIO --> 
 
</head> 
 
<body>  
 
<div id="tabs"><!-- Start TABS --> 
  <ul> 
      </ul> 
</div><!-- End TABS --> 
 
 
<div id="logo"><!-- Start LOGO --> 
 
<img src="img/ads1.jpg" align="left" style="padding-left: 20px; padding-top: 20px; "> 
<img src="img/ads2.jpg" align="right" style="padding-right: 20px; padding-top: 20px; "> 
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" 
        width="500" height="120" align="center" /> 
 
  <param name="movie" value="img/logo.swf"> 
  <param name="quality" value="high"> 
  <embed src="img/logo.swf" quality="high" width="500" height="120"  
         type="application/x-shockwave-flash"  
         pluginspage="http://get.adobe.com/flashplayer/"> 
  </embed> 
</object> 
 
</div><!-- End LOGO --> 
 
 
<div id="login"><!-- Start LOGIN --> 
 
<center><span style="color: #5B5B5B">Sabato 18 settembre 2010</span></center><br /> 
 
            <table border="0" cellspacing="0" cellpadding="0" width="100%"> 
                <tr><td align="left" width="42%"> <form  method="post"  action="index.php?pagina=iscrizione&op=full&op=login">&nbsp; 
                                        <label>E-mail:</label> 
                                        <input type="text" name="email" />&nbsp;&nbsp; 
                                        <label>Password:</label> <input type="password" name="password" /> 
                                        <input type="submit" value="Accedi" /></form> 
                                   </td> 
 
                    <td align="left" width="15%"> se non sei  iscritto clicca <a  href="index.php?pagina=iscrizione">qui</a></td> 
 
                    <td align="right" width="28%"><form  method="post" action="index.php?pagina=search"> 
                                        Parola chiave: <input type="text" name="parola" size="15" /> 
                                        <input type="submit" name="submit" value="Ricerca" />&nbsp;&nbsp; 
                                        </form> 
                    </td> 
 
                </tr> 
            </table></div><!-- End LOGIN --> 
 
 
<div id="menu"class="solidblockmenu"><!-- Start MENU --> 
<ul> 
    <li><a href="index.php?pagina=news" title="News"><span>Home</span></a></li> 
    <li><a href="index.php?pagina=chisiamo" title="Chi  Siamo"><span>Chi siamo</span></a></li> 
    <li><a href="index.php?pagina=search" title="Ricerca nel  sito"><span>Ricerca</span></a></li> 
 
    <li><a href="index.php?pagina=aziende" title="Aziende"><span>Aziende</span></a></li> 
    <li><a href="index.php?pagina=partners" title="Partners"><span>Partners</span></a></li> 
    <li><a href="index.php?pagina=forum" title="Forum"><span>Forum</span></a></li> 
    <li><a href="index.php?pagina=bacheca" title="Bacheca"><span>Bacheca</span></a></li> 
    <li><a href="index.php?pagina=eventi" title="Eventi"><span>Eventi</span></a></li> 
    <li><a href="index.php?pagina=newsletter"  title="Newsletter"><span>Newsletter</span></a></li> 
 
    <li><a href="index.php?pagina=contatti" title="Contatti"><span>Contatti</span></a></li> 
    <li><a href="index.php?pagina=iscrizione"  title="Iscriviti"><span>Iscriviti!</span></a></li> 
</ul> 
</div><!-- End MENU --> 
 
 
<div id="content"><!-- Start CONTENT --> 
<div id="pagina"><!-- Start PAGINA --> 
 
<center><b><blink></blink></b></center><br /> 
<img src="img/iscrizione.png" alt="Search"><b> Iscrizione:</b><br /><br /> 
 
<form method="post" action="index.php?pagina=iscrizione&op=full"> 
Nome/Ragione sociale: <input type="text" name="nome" size="25"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Cognome: <input type="text" name="cognome" size="25"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Citta': <input type="text" name="citta"  size="15" value=""  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Provincia: <input type="text" name="provincia" size="1" value="" maxlength="2"/><br /><br /> 
 
Via: <input type="text" name="indirizzo" size="25" value=""  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
N&deg;: <input type="text" name="numero" size="3" value=""  maxlength="5"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
CAP: <input type="text" name="cap" size="3" value="" maxlength="5"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
Regione:      <select name="regione" /> 
                <option value="01">Abruzzo</option> 
                <option value="02">Basilicata</option> 
                <option value="03">Calabria</option> 
                <option value="04">Campania</option> 
                <option value="05">Emilia Romagna</option> 
 
                <option value="06">Friuli Venezia Giulia</option> 
                <option value="07">Lazio</option> 
                <option value="08">Liguria</option> 
                <option value="09">Lombardia</option> 
                <option value="10">Marche</option> 
                <option value="11">Molise</option> 
 
                <option value="12">Piemonte</option> 
                <option value="13">Puglia</option> 
                <option value="14">Sardegna</option> 
                <option value="15">Sicilia</option> 
                <option value="16">Toscana</option> 
                <option value="18">Umbria</option> 
 
                <option value="17">Trentino Alto Adige</option> 
                <option value="19">Valle Aosta</option> 
                <option value="20">Veneto</option> 
            </select><br /><br /> 
 
         
E-mail: <input type="text" name="email" size="20"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Password: <input type="password" name="password" size="20"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
Website: <input type="text" name="website" size="20" /> 
<br /><br /><br /> 
 
<center> 
Privato <input type="radio" name="tipo" value="2"  onclick="ShowAzienda(!this.checked); ShowPartner(!this.checked)" />  &nbsp;&nbsp; 
Azienda <input type="radio" name="tipo" value="3"  onclick="ShowAzienda(this.checked); ShowPartner(!this.checked)" />  &nbsp;&nbsp; 
Partner <input type="radio" name="tipo" value="4" onclick="ShowAzienda(!this.checked); ShowPartner(this.checked)" /> 
 
<div id="azienda" style="display: none"><br /><br />AZIENDA</div> 
<div id="partner" style="display: none"><br /><br />PARTNER</div> 
 
<br /><br /> 
<input type="checkbox" name="privacy" /> <i>I dati inseriti  saranno utilizzati al solo scopo di fornire le informazioni richieste e  saranno soggetti al massimo riserbo, in piena ottemperanza della  normativa vigente sulla privacy, e quindi non potranno essere divulgati a  terzi senza esplicito consenso dell'interessato.</i><br /><br /> 
<input type="submit" value="Iscriviti" /><br /><br /> 
</center> 
</form> 
 
 
 
 
</div><!-- END PAGINA --> 
</div><!-- END CONTENT --> 
 
<!-- Start FOOTER --> 
<div id="footer"> 
 
2010 - Tutti i contenuti di questo sito, salvo dove diversamente  indicato sono rilasciati sotto licenza CreativeCommons</div> 
<!-- End FOOTER --> 
 
</body> 
</html>

E' una semplicissima pagina con un form che dovrebbe (in base al click sui bottoni radio) visualizzare un determinato div.

Lasciamo perdere che il codice non è validato etc, il problema è che funziona su Chrome, su IE 9.0 beta ma su Firefox (sempre la beta) no...

La cosa strana è che se prendo solo il codice facendo copia ed incolla dal nopaste (nopaste.info - free nopaste script and service) e salvandolo su Notepad++ funziona anche su Firefox, se vado invece a modificare anche solo una virgola del file e lo risalvo, su Firefox non funziona di nuovo.

Cosa potrebbe essere? Io azzardavo un problema di come formatta il testo Notepad++ ma l'ho sempre usato e non ho mai avuto problemi.

Cosa può essere? Sbaglio qualcosa nel codice? (se qualcuno ha alternative nel codice che funzionano e fanno la stessa cosa ben venga [rimarrei comunque con questo dubbio amletico anche se con un problema in meno]).

Grazie e saluti a tutti

P.S. dimenticavo, i css non vanno a "cozzare" con i div incriminati

**andrea.paiola** · 19-09-2010, 09:45

se devi modificare proprietà css di un elemento html identificato tramite id usa una roba tipo document.getElementById('azienda').style.display ... altrimenti non vedo come possa funzionare...