Rieccomi qui 
Allora ho finalmente avuto modo di provare l'esempio (sto sviluppatno 800 cose insieme) e funziona egregiamente. Putroppo pero' ho bisogno ho bisogno di nascondere con un solo click piu' righe e l'esempio in questione non calza. Ho provato ad assegnare la stessa ID a entrambe le righe ma viene nascosta/mostrata solo la prima. Purtroppo non conosco il DOM a sufficienza per potere risolvere questo problema da solo.. qualcuno mi aiuta?
Grazie in anticipo :\
Riporto di seguito il codice postato nell'altro topic:
codice:
TABLE { display: table }
TR { display: table-row }
THEAD { display: table-header-group }
TBODY { display: table-row-group }
TFOOT { display: table-footer-group }
COL { display: table-column }
COLGROUP { display: table-column-group }
TD, TH { display: table-cell }
CAPTION { display: table-caption }
codice:
<html>
<head>
<title>mostra/nascondi righe tabella</title>
<style type="text/css">
tr {display:table-row}
</style>
<script type="text/javascript">
function mostra_nascondi(id_riga)
{
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
document.getElementById(id_riga).style.display=(document.getElementById(id_riga).style.display=='none')?((IE)?'block':'table-row'):'none';
}
</script>
</head>
<body>
<table>
<tbody>
<tr id="riga1">
<td>c1</td>
<td>c2</td>
</tr>
<tr id="riga2">
<td>c3</td>
<td>c4</td>
</tr>
</tbody>
</table>
mostra_nascondi('riga1')
mostra_nascondi('riga2')
</body>
</html>
Rispondi quotando
