Prova cosi. Metti questo per il body:
codice:
<body onload="fnNascondi()">
<table id="modulo">
<tr id="riga-1">
<td>Label 1</td>
<td>
<input type="text" id="text1" name="text1">
Mostra successiva
</td>
</tr>
<tr id="riga-2">
<td>Label 2</td>
<td>
<input type="text" id="text2" name="text2">
Mostra successiva
</td>
</tr>
<tr id="riga-3">
<td>Label 3</td>
<td>
<input type="text" id="text3" name="text3">
</td>
</tr>
</table>
</body>
E questo nel tag head:
codice:
<script language="javascript">
// questa funzione nasconde le righe diverse dalla
// prima al caricamento della pagina
function fnNascondi() {
document.getElementById("riga-2").style.visibility = 'hidden';
document.getElementById("riga-3").style.visibility = 'hidden';
}
// questa funzione mostra la riga
// passata come parametro
function fnMostra(id) {
document.getElementById("riga-" + id).style.visibility = 'visible';
}
</script>
Questa soluzione utilizza javascript e il funzionamento è il seguente. Basta contraddistinguere ogni riga della tabella con un id (riga-1, riga-2, riga-3). Poi al caricamento della pagina si esegue una funzione che nasconde le righe dopo la prima (fnNascondi) e quindi premendo su Mostra succssiva si andrà a richiamare una funzione (fnMostra) che visualizzerà la riga con numero corrispondente a quello passato come parametro.
Spero sia questo quello che cercavi. Ciao.
Rispondi quotando
