Mostra griglia - Nascondi griglia

[Cisco5]

ho un problema...

Visualizzare la griglia della tabella con id="tb01" ... con FireFox, poichè con IE
la visualizzo e la nascondo tranquillamente..

help help, come posso fare???

<input type="button" name="b3" value="Nascondi griglia (0)" onclick="tb01.border=0" />
<input type="button" name="b4" value="Mostra griglia (1)" onclick="tb01.border=1" />



<table id="tb01" border="0" cellpadding="0" cellspacing="0" bgcolor="#00ccff" style="border:solid 1px #000000">
<tr>
<td>[img]img_puzzle/Toyota/Aygo/126/ok/Toyota_Aygo_125.jpg[/img]</td>
<td>[img]img_puzzle/Toyota/Aygo/126/ok/Toyota_Aygo_7.jpg[/img]</td>
....

qui la griglia che vorrei si vedesse anche con FIREFOX:




Grazie in anticipo..

[Xinod]

per riferirsi ad un elemento tramite id i browser seri vogliono
document.getElementById('id_elemento')
non id_elemento e basta

poi sarebbe meglio accedervi via style
document.getElementById('tb01').style.border='1px solid #000000';

document.getElementById('tb01').style.border='none ';

ciao

[Cisco5]

grazie per il suggerimento, anzi, correzione..

purtroppo devo inserirlo senza via style poichè in tal modo agisce solo sul bordo esterno e non tutta la griglia della tabella come serve a me..

Ciao

[Xinod]

capisco, si tratterebbe di agire sui td, cosa neanche improponibile ma che in questo caso non vale la pena

pero', a voler separare comunque aspetto da markup, potresti cambiare il className della tabella e tenere nel css le regole opportune per i td

#tb01 td {
	border:none;
}
#tb01.gridded td {
	border:1px solid #f00;
}

document.getElementById('tb01').className='gridded '; // on
document.getElementById('tb01').className=''; // off

ciao

[Cisco5]

adesso sì, abbiamo centrato il problema e la tua soluzione è perfetta:
grazie;

come vedi, c'è sempre da imparare!

Alla prossima..