In html.pro c'č uno script per mostra e nascondere al click su un collegamento una intera colonna di una tabella. A me servirebbe fare altrettanto ma con le righe.
Uso queste funzioni:
codice:
function swapLayerView(argId) {
document.getElementById(argId).style.display=(document.getElementById(argId).style.display!='block')?'block':'none';
}
function showLayer(argId) {
document.getElementById(argId).style.display="block";
}
function hideLayer(argId) {
document.getElementById(argId).style.display="none";
}
applicate e questa parte di codice HTML:
codice:
<table summary="DDT del cliente" cellpadding="1" cellspacing="1">
<caption class="invisibile">DDT attive</caption>
<tr class="header" title="Elenco DDT del cliente">
<td style="width:3%;text-align:center;">Sel.</td>
<td style="width:5%;text-align:center;">N.</td>
<td style="width:55%;">Ragione sociale</td>
<td style="width:10%;text-align:center;">Data DDT</td>
<td style="width:12%;text-align:center;">Importo €</td>
<td style="width:8%;text-align:center;">Mostra</td>
<td style="width:8%;text-align:center;">Modifica</td>
</tr>
<tr>
<td style="text-align:center;"><input type="checkbox" name="ddt_id_fatturare" value="2" style="width:100%;border:0;padding:0;margin:0" /></td>
<td style="text-align:center;">1</td>
<td>Comune di Montelibretti</td>
<td style="text-align:center;">01/12/2005</td>
<td style="text-align:right;">3.000,00</td>
<td style="text-align:center;">[img]/pompili/images/ok_small.gif[/img]</td>
<td style="text-align:center;">[img]/images/edit.gif[/img]</td>
</tr>
<tr id="dett_2" style="display:none;width:100%;background-color:#eee;">
<td colspan="7"><table><tr><td>1</td><td>2</td></tr></table></td>
</tr>
in neretto la chiamata della funzione passando il parametro e la riga da mostrare/nascondere.
Il risultato purtroppo č questo: la riga viene mostrata, non rispettando i colpsan, quindi tutto a sinistra e il "nascondi" non reversibile al 100%. La riga scompare ma lascia lo sfondo nero.
In allegato l'immagine:
Illuminazioni?