visualizzare-nascondere una colonna di una tabella

[pietro09]

Ho una tabella con n righe e m colonne.
Vorrei nascondere/visualizzare una intera colonna da un tasto

Per una riga è facile: basta mettere un identificativo, per esempio, <tr id="riga_1"> e fare, document.getElementByID("riga_1").style.display = "none"

Ma per una intera colonna?

Ciao

[willybit]

Ciao pietro09,

una colonna diciamo che non esiste... bisogna peffozza passarsi tutte le celle
ho fatto queste due funzioncine per righe e colonne
si passa l'id della tabella l'indice della riga o colonna e true o false per visualizzare o meno

<script language="javascript">
function VisColonna(id,colonna,tf){
	var tt = document.getElementById(id);
	var rr = tt.rows
	var cc
	for(i=0;i<rr.length;i++){
		cc = rr[i].childNodes
		for(j=0;j<cc.length;j++)
			if(j==colonna)
				cc[j].style.visibility=(tf)?'visible':'hidden'
	}
}
function VisRiga(id,riga,tf){
	var tt = document.getElementById(id);
	var rr = tt.rows
	var cc
	cc = rr[riga].childNodes
	for(j=0;j<cc.length;j++)
		cc[j].style.visibility=(tf)?'visible':'hidden'
}
</script>

[willybit]

Per testare le funzioni ho fatto una paginetta d'esempio... visto che l'ho fatta la posto :gren:

<form>
<table>
<tr>
<td></td>
<td>
	<table border="1">
	<tr>
	<td width="30">
		A
<input type="checkbox" value="A" checked onclick="VisColonna('idTabella',0,this.checked);">
	</td>
	<td width="30">
		B
<input type="checkbox" value="B" checked onclick="VisColonna('idTabella',1,this.checked);">
	</td>
	<td width="30">
		C
<input type="checkbox" value="C" checked onclick="VisColonna('idTabella',2,this.checked);">
	</td>
	<td width="30">
		D
<input type="checkbox" value="D" checked onclick="VisColonna('idTabella',3,this.checked);">
	</td>
	</tr>
	</table>
</td>
</tr>
<td>
	<table border="1">
	<tr><td height="30">
		1<input type="checkbox" value="1" checked onclick="VisRiga('idTabella',0,this.checked);">

	</td></tr>
	<tr><td height="30">
		2<input type="checkbox" value="2" checked onclick="VisRiga('idTabella',1,this.checked);">

	</td></tr>
	<tr><td height="30">
		3<input type="checkbox" value="3" checked onclick="VisRiga('idTabella',2,this.checked);">

	</td></tr>
	<tr><td height="30">
		4<input type="checkbox" value="4" checked onclick="VisRiga('idTabella',3,this.checked);">

	</td></tr>
	</table>
</td>
<td>
	<table border="1" id="idTabella">
	<tr>
		<td width="30" height="30">a1</td>
		<td width="30" height="30">b1</td>
		<td width="30" height="30">c1</td>
		<td width="30" height="30">d1</td>
	</tr>
	<tr>
		<td width="30" height="30">a2</td>
		<td width="30" height="30">b2</td>
		<td width="30" height="30">c2</td>
		<td width="30" height="30">d2</td>
	</tr>
	<tr>
		<td width="30" height="30">a3</td>
		<td width="30" height="30">b3</td>
		<td width="30" height="30">c3</td>
		<td width="30" height="30">d3</td>
	</tr>
	<tr>
		<td width="30" height="30">a4</td>
		<td width="30" height="30">b4</td>
		<td width="30" height="30">c4</td>
		<td width="30" height="30">d4</td>
	</tr>
	</table>
</td>
</tr>
</table>
</form>

[pietro09]

Sospettavo la cosa, ma ho tentato perchè non si sa mai.

grazie tantissime

ciao