codice:
<head>
<title>prova</title>
<style type="text/css">
.vis1 { display: block; }
.vis0 { display: none; }
</style>
<script type="text/javascript">
var nrig = 11; //numero righe (10 + 1 intestazione)
var disp = 3; // righe da visualizzare in ogni schermata
var pos = 1; // posizione iniziale
function vai(quanto) {
for(var i=0; i<disp; i++) { // nasconde serie precedente
var cosa = document.getElementById("riga"+String(i+pos));
if (cosa) cosa.style.className = 'vis0';
}
pos += quanto;
if (pos < 1) pos=1;
else if (pos > nrig) pos=nrig;
for(var i=0; i<disp; i++) { // visualizza nuova serie
var cosa = document.getElementById("riga"+String(i+pos));
if (cosa) cosa.style.className = 'vis1';
}
return true;
}
</script>
</head>
<body>
<table>
<th id="riga0" class="vis1">
<td>...</td>
<td>...</td>
<td>...</td>
...
</th>
<tr id="riga1" class="vis1">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga2" class="vis1">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga3" class="vis1">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga4" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga5" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga6" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga7" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga8" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga9" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
<tr id="riga10" class="vis0">
<td>...</td>
<td>...</td>
<td>...</td>
...
</tr>
...
</table>
indietro
avanti
</body>
Non ho testato, per cui potrebbero esserci errori (solo di sintassi, spero).