righe visibili dinamicamente

[f108]

salve
in una form ho un campo checkbox se vine ceccato vorrei poter mostrare due ulteriori righe della tabella che altrimeti devono rimanere nascoste.
mi dite come dovrei fare?
grazie mille

[floyd]

<tr id="riga1" style="display:none">
...
<tr id="riga2" style="display:none">
...
<input type="checkbox" onclick="showHide(this.checked)"/>

function showHide(show) {
var d;
if (show) d = 'table-row';
else d = 'none';
document.getElementById('riga1').style.display = d;
document.getElementById('riga2').style.display = d;
}

lo stile table-row funziona con i browser fedeli ai css, ie vuole block
puoi provare sia con onclick che con onchange e usare quello che funziona meglio

[f108]

grazie mille adesso provo

[f108]

devo usare ie e come mi hai consigliato tu non funziona
quando clicco la chek box non succede niente.
un altra curiosità la tr che deve rimanere nascosta fino al click della checkbox contiente una table. devo mettere id su tutte le righe anche della table interna?
grazie

[floyd]

Originariamente inviato da f108
devo mettere id su tutte le righe anche della table interna?

no
per lo stile è facile
basta che lo imposti in base al browser usato dall'utente
cerca uno script che fa browser detection

[f108]

ho provato a mettere block al posto di table-row ma non visualiza le righe!!! ch devo fare??

[floyd]

postare il codice :quote:

[f108]

<tr id="riga1" style="display:none">
<td colspan="5">
<table width="713" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td colspan="3" class="lineaSep" >[img]images/Catasti/transp.gif[/img]</td>
</tr>
<tr>
<td class="nero10_azz" align="middle">Percentuale di acquisto verde
sul totale lotto</td>
<td class="nero10_azz" align="middle">Importo di acquisto verde
sul totale lotto</td>
<td class="nero10_azz" align="middle">Classificazione acquisto</td>
</tr>
<tr>
<td class="nero10_azz" align="middle"><input type="text" class="form" name="lotto_verde_perc" value="'||rLot.lotto_verde_perc ||'" > % </td>
<td class="nero10_azz" align="middle"><input type="text" class="form" name="lotto_verde_imp" value="'||rLot.lotto_verde_imp ||'" > € </td>
<td class="nero10_azz" align="middle"> ');
pkg_generalegare_W.Make_Combo_Base('lotto_class_cl ',
'CL',
pkg_toolsgare_W.IIf(rLot.lotto_class_cl is null,
0,
rLot.lotto_class_cl),
'- Seleziona -',
184,
false,
'');
htp.p('
</td>
</tr>
</table>
</td>
</tr>

<script type="text/javascript">
function showHide(show){
var d;
if(show)
d="block";
else
d="none";
document.getElementById("riga1").style.display=d;
}



</script>

in mezzo c'è del codice pl/sql ma non dovrebbe centrare niente

[floyd]

e chi chiama showHide?

[f108]

<tr>
<td height="25" class="nero10_azz">Acquisto verde</td>
<td colspan="4"><input type="checkbox" class="form" name="lotto_verde" onchange="showHide(this.checked)" value="S" '|| pkg_toolsgare_W.IIf(rLot.lotto_verde='S','checked' ,'') ||' >
</td>
</tr>

scusa mancava la riga in alto