visualizzare e nascondere una table

**Tyler Durden7** · 28-08-2005, 14:15

ciao a tutti, dico subito che non sono molto pratico di javascript.
cerco di descrivere brevemente il mio problema. volevo realizzare [all'interno di una pagina] una tabella che viene visualizzata solo alla selezione di un determinato checkbox. ho studiato il codice di un sito che faceva una cosa simile e ho estrapolato la funzione javascript che veniva utilizzata utilizzata:

codice:

<script>
		/*------------------ clickCompany ------------------------------------*/
		function 
		clickCompany(obj)
			{
			if(obj.checked)
				comTable.style.display = "block";
			else
				comTable.style.display = "none";
		
			} // clickCompany
	</script>

poi ho cercato di adattarla al mio codice.
dopo l'adattamento al mio codice [di cui trovate la porzione interessata sotto] con i.e il tutto funziona alla perfezione mentre con firefox non va (nel sito sito da cui ho preso il codice invece il tutto funzionava perfettamente sia su i.e. che su firefox).

posto una porzione del codice oggetto di studio [la pagina contiene altri form].
qualcuno di voi potrebbe aiutarmi a capire dove sbaglio?
Vi ringrazio anticipatamente.

codice:

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<META Name="expires" CONTENT= "Wed, 10 Jul 2115 15:32:53 GMT">
		<META http-equiv="content-language" content="it">
		<META Name="robots" content="index, follow">
		<META Name="revisit-after" content="7 days">
		<title>prova</title>
		<STYLE type="text/css" media="all">
		    @import url(stile/foglio_3.css);
		</STYLE>
	</head>
	
	<script>
		/*------------------ clickCompany ------------------------------------*/
		function 
		clickCompany(obj)
			{
			if(obj.checked)
				comTable.style.display = "block";
			else
				comTable.style.display = "none";
		
			} // clickCompany
	</script>
	
	<BODY>

<div id="testo_piccolo">
		<input type="checkbox" onclick="clickCompany(this);"> 
		Da selezionare solo se l'intestatario della Fattura è diverso dall'intestatario del Servizio.
	</div>
	
	<fieldset>
		<legend> Intestatario Fattura </legend>
		<table table border="0" Id="comTable">
			<tr>
			    <td width="25%"><div id="testo_piccolo2">Ragione Sociale:</div></td>
			
			    <td width="75%"><input type="text" name="ragsoc" size="30" value="" /><span class="red">*</span></td>
			</tr>
			<tr>
			    <td width="25%"><div id="testo_piccolo2">Nome:</div></td>
			
			    <td><input type="text" name="ragsoc" size="30" value="" /><span class="red">*</span></td>
			</tr>
			<tr>
				<td width="25%"><div id="testo_piccolo2">Cognome:</div></td>
			
			    <td><input type="text" name="ragsoc" size="30" value="" /><span class="red">*</span></td>
			</tr>
		</table>
	</fieldset>

</body>

<script>
	comTable.style.display = "none";
</script>
		
</html>

**cavicchiandrea** · 28-08-2005, 16:21

Cambia queste due righe:

codice:

if(obj.checked)
comTable.style.display = "block";
else
comTable.style.display = "none";

Con queste:

codice:

if(obj.checked)
document.getElementById('comTable').style.display = "block";
else
document.getElementById('comTable').style.display = "none";

**Tyler Durden7** · 28-08-2005, 16:32

mille grazie, andrea.
c'è un ultimo problema. quando carico la pagina per la prima volta, la tabella [che in pratica dovrebbe essere visualizzata solo alla selezione del checkbox] viene già visualizzata sullo schermo [problema riscontrato sempre con firefox, con i.e. funziona tutto correttamente] nonostante l'utilizzo di questo comando a fine pagina:

codice:

</body>
	<script>
		comTable.style.display = "none";
	</script>
</html>

come si può risolvere?
grazie ancora per il prezioso aiuto.

**cavicchiandrea** · 28-08-2005, 16:40

Originariamente inviato da Tyler Durden7
mille grazie, andrea.
c'è un ultimo problema. quando carico la pagina per la prima volta, la tabella [che in pratica dovrebbe essere visualizzata solo alla selezione del checkbox] viene già visualizzata sullo schermo [problema riscontrato sempre con firefox, con i.e. funziona tutto correttamente] nonostante l'utilizzo di questo comando a fine pagina:

codice:

</body>
	<script>
		comTable.style.display = "none";
	</script>
</html>

come si può risolvere?
grazie ancora per il prezioso aiuto.

cosi:

codice:

document.getElementById('comTable').style.display = "none";

Ma se ci pensavi un attimo potevi arrivarci anche tu.

**Tyler Durden7** · 28-08-2005, 16:49

hai ragione. che pirla che sono.
ancora grazie, andrea.

come già accennato in precedenza non sono molto esperto di javascript e ogni qual volta imparo qualcosa di nuovo mi piace anche capirne il funzionamento.
se ho ben capito, con firefox bisogna specificare in modo preciso [senza utilizzare scorciatoie] a quale elemento del documento ci stiamo riferendo?
ancora grazie!

Discussione: visualizzare e nascondere una table

Strumenti discussione

Ricerca discussione

Visualizza

visualizzare e nascondere una table

Permessi di invio