da riga tabella, ricavare riga precedente e seguente

**pietro09** · 28-09-2005, 10:16

Ho una tabella con varie righe.
Clicco su una riga e mi salvo, in una variabile globale, il riferimento alla riga selezionata.

E' possibile da questo risalire all'indice della riga precedente e seguente così da ricavarmi per l'appunto le due righe, precedente e seguente?

Scusate, naturalmente con Firefox

Grazie

**badaze** · 28-09-2005, 10:53

Prova questo

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function pippo(unaRiga) {
 indiceRiga = unaRiga.rowIndex;
 precedente = indiceRiga - 1 >= 0 ? indiceRiga - 1 : null;
 successiva = indiceRiga + 1 < unaRiga.parentNode.rows.length ? indiceRiga + 1 : null;
 alert('Riga : ' + indiceRiga + ' -> Prec : '+precedente + ' - Succ : '+successiva);
}
//-->
</script>

</head>
<body>
clicca su una riga:
<table summary="" border="1">
<tr onclick="pippo(this)">
<td>riga 1</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 2</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 3</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 4</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 5</td>
</tr>
</table>
</body>
</html>

**pietro09** · 28-09-2005, 11:02

Certo che funziona.
Se volessi dall'indice, ricavarmi proprio le due righe?
Quale è la collezione?

**badaze** · 28-09-2005, 11:08

Vuoi questo ?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function pippo(unaRiga) {
 indiceRiga = unaRiga.rowIndex;
 precedente = indiceRiga - 1 >= 0 ? indiceRiga - 1 : null;
 successiva = indiceRiga + 1 < unaRiga.parentNode.rows.length ? indiceRiga + 1 : null;
 
 if (precedente != null) {
  rPrec      = unaRiga.parentNode.rows.item(precedente);
  alert('html prec : ' + rPrec.innerHTML);
 }
 if (successiva != null) {
  rSucc      = unaRiga.parentNode.rows.item(successiva);
  alert('html succ : ' + rSucc.innerHTML);
 }
 // alert('Riga : ' + indiceRiga + ' -> Prec : '+precedente + ' - Succ : '+successiva);
}
//-->
</script>

</head>
<body>
clicca su una riga:
<table summary="" border="1">
<tr onclick="pippo(this)">
<td>riga 1</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 2</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 3</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 4</td>
</tr>
<tr onclick="pippo(this)">
<td>riga 5</td>
</tr>
</table>
</body>
</html>

**pietro09** · 28-09-2005, 11:15

Insomma, oggi è il mio giorno fortunato

Grazie

**pietro09** · 29-09-2005, 11:18

aprofitto della tua cortesia per farti un'altra domanda.

Data una riga, ricavo la cella di dato indice con:

var cella = riga.getElementsByTagName("TD")[indice]

più o meno facevo lo stesso con le righe.

Non è che ci sia un modo alternativo e più diretto?
Ossia, una riga, non è che per caso abbia una collesione di celle?

Ciao

**badaze** · 29-09-2005, 11:46

In effetti

numTD = currentRow.cells.length;
...
currentCell = riga.cells.item(indice);

**pietro09** · 29-09-2005, 12:17

Bene, bene

proprio perfetto

Discussione: da riga tabella, ricavare riga precedente e seguente

Strumenti discussione

Ricerca discussione

Visualizza

da riga tabella, ricavare riga precedente e seguente

Permessi di invio