nascondere colonne js

[mpala]

Ciao a tutti,
ho una tabella che contiene i campi NOME, COGNOME, INDIRIZZO,PR. Ho creato la seguente funzione per nascondere la colonna NOME (tutti i td di questa colonna hanno l'id='nome'):

function nascondi_colonna()
{
var x=document.getElementsByTagName('td');
for (var i=0;i<x.length;i++)
{


if (x[i].getAttribute('id')=='NOME')
{
x[i].className='hidden';
}

}
}

Funziona tutto, però, visto che la tabella contiene molti dati, l'esecuzione è lentissima. Ci sono altre soluzioni? Vi ringrazio anticipatamente per l'aiuto.

[fcaldera]

è scorretto
L'ID deve essere univoco in pagina.

piuttosto sostituisci id="nome" a class="nome"
e nascondi i vari <td> semplicemente con una regola css (scomodare javascript è inutile)

[mpala]

ok. Però devo per forza usare javascript per sostituire la classe esistente con la classe hidden e quindi la tabella viene comunque letta completamente. Eventualmente puoi farmi un esempio? Grazie 1000

[fcaldera]

ma perchè devi sostituire?

non puoi solo scrivere una regola css in quella pagina per cui

td.nome {
display: none;
}


?

[mpala]

perchè l'utente deve avere la possibilità di cliccare su un link e scegliere se visualizzare o meno la colonna.

[fcaldera]

ok
allora quando l'utente clicca su "nascondi nome" invece di ciclare su tutti i td, assegni semplicemente una classe alla tabella (es. 'nascondinomi')

e nel css scrivi una regola

.nascondinomi td.nomi {
display: none;
}

[mpala]

Perfetto, funziona ed è veloce. Grazie ancora. Ciao

[mpala]

Rieccomi! Non sono riuscita a fare una cosa, eliminare il buco che lascia la tabella quando viene nascosta. Come posso fare? Grazie. ciao

[fcaldera]

imposta la larghezza della cella a 0 e/o il font-size a 0

[mpala]

Ho provato, ma niente da fare. Credo sia il colspan..questa colonna ha colspan=11, c'è un modo per eliminarlo con i css?