Posizionarsi su un elemento di una Table

**euro58_88** · 18-01-2006, 15:40

Scusate. Sono nuovo del forum.

Ho un problema con una table.

Questa table si trova all'interno di un div scorrevole in verticale, come nell'esempio riportato:
<div class="divscroll">
<table>
<tr> <td>1</td> </tr>
<tr> <td>2</td> </tr>
<tr> <td>3</td> </tr>
<tr> <td>4</td> </tr>
<tr> <td>5</td> </tr>
<tr> <td>6</td> </tr>
<tr> <td>7</td> </tr>
<tr> <td>8</td> </tr>
<tr> <td>9</td> </tr>
<tr> <td>10</td> </tr>
</table>
</div>

Ovviamente gli elementi di tabella descritte sono un esempio, nel pratico ce ne possono essere a centinaia.

Il div costruito consente di avere visualizzate solo 4 righe della tabella.
Ho bisogno di sapere come si fa a caricare la pagina e posizionarsi direttamente su un elemento specifico della Table.Quando carico la pagina la prima volta, logicamente avrò sempre i primi 4 elementi.

Spero di essere stato chiaro.

Ciao

**euro58_88** · 19-01-2006, 09:13

Ho risolto con una cosa del genere: tengo in memoria la posizione del
Div in modo che, ad ogni refresh della pagina, la posizione della tabella rimane la stessa.
Ciao

<html>
<head>
<title>Posizione del DIV</title>
<style type="text/css">
#divTest{width:150px;height:200px;overflow:auto}
</style>
<script type="text/javascript">
window.onload = function()
{
var strCook = document.cookie;
if(strCook.indexOf("!~")!=0)
{
var intS = strCook.indexOf("!~");
var intE = strCook.indexOf("~!");
var strPos = strCook.substring(intS+2,intE);
document.getElementById("divTest").scrollTop = strPos;
}
}

function SetDivPosition(){
var intY = document.getElementById("divTest").scrollTop;
//document.title = intY;
document.cookie = "yPos=!~" + intY + "~!";
}

</script>
</head>

<body>

<div id="divTest" onscroll="SetDivPosition()">
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>11</td></tr>
<tr><td>12</td></tr>
<tr><td>13</td></tr>
<tr><td>14</td></tr>
<tr><td>15</td></tr>
<tr><td>16</td></tr>
<tr><td>17</td></tr>
<tr><td>18</td></tr>
<tr><td>19</td></tr>
<tr><td>20</td></tr>
<tr><td>21</td></tr>
<tr><td>22</td></tr>
<tr><td>23</td></tr>
<tr><td>24</td></tr>
<tr><td>25</td></tr>
</div>

</body>

</html>

Discussione: Posizionarsi su un elemento di una Table

Strumenti discussione

Ricerca discussione

Visualizza

Posizionarsi su un elemento di una Table

Permessi di invio