Jump to content
Sign in to follow this  
IlMerovingio

HTML / Javascript e formattazione

Recommended Posts

Ciao a tutti, ho il seguente codice HTML:

 

<!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">  
                                       <label>E-mail:</label> 
                                       <input type="text" name="email" />   
                                       <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" />   
                                       </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"  />         
Cognome: <input type="text" name="cognome" size="25"  />         
Citta': <input type="text" name="citta"  size="15" value=""  />         
Provincia: <input type="text" name="provincia" size="1" value="" maxlength="2"/><br /><br /> 

Via: <input type="text" name="indirizzo" size="25" value=""  />         
N°: <input type="text" name="numero" size="3" value=""  maxlength="5"/>          
CAP: <input type="text" name="cap" size="3" value="" maxlength="5"  />         

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"  />             
Password: <input type="password" name="password" size="20"  />             

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)" />     
Azienda <input type="radio" name="tipo" value="3"  onclick="ShowAzienda(this.checked); ShowPartner(!this.checked)" />     
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 :fuma:

 

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

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

×