Help: Simulazione celle exel

[eumene]

Chiedo scusa da adesso nel caso in cui stia postando nel forum sbagliato.

E' possibile in quanto la mi arichiesta, qualora vi sia una soluzione, è accettabile sia in Javascript, sia in CSS2 o XML, che con un semplice comando HTML che ignoro.

Il mio obiettivo è di fare in modo che scrollbar adiancenti vengano gestite come una sola in modo da simulare lo scorrimento per celle bloccate di exel, in quanto ho la necessitare di navigare una matrice in due direzioni preferibilmente senza refresh.

Vi ringrazio da adesso, perchè sono convinto che una risposta la riceverò, anche se debba essere un semplice "non si puo fare"

Grazie a tutti

Eumene

[eumene]

Questo è l'esempio di codice che ho già generato.

<div style="LEFT: 172px; TOP: 50px; WIDTH: 550px; HEIGHT: 350px; OVERFLOW: auto; POSITION: absolute; Z-INDEX: 4; layer-background-color: #FFFFFF">
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 1
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 2
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 3
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 4
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 5
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 6
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr><td colspan="12"></td></tr>
<tr>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>sei nella cella
riga 7
colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
</table>
</div>

<div style="LEFT: 48px; TOP: 50px; WIDTH: 691px; HEIGHT: 333px; OVERFLOW: auto; POSITION: absolute; Z-INDEX: 3; layer-background-color: #FFFFFF">
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr><td>[img]img/spacer.gif[/img]</td></tr>
<tr><td style="padding:4px;"><span>
riga 1

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 2

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 3

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 4

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 5

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 6

</span></td></tr>
<tr><td colspan="12"></td></tr>
<tr><td style="padding:4px;"><span>
riga 7

</span></td></tr>
</table>
</div>

<div style="LEFT: 172px; TOP: 23px; WIDTH: 533px; HEIGHT: 394px; OVERFLOW: auto; POSITION: absolute; Z-INDEX: 2; layer-background-color: #FFFFFF">
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
<tr>
<td style="padding:4px;"><span>colonna 1</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>colonna 2</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>colonna 3</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>colonna 4</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>colonna 5</span></td>
<td>[img]img/spacer.gif[/img]</td>
<td style="padding:4px;"><span>colonna 6</span></td>
<td>[img]img/spacer.gif[/img]</td>
</tr>
</div>

[Sgnafurz]

Originariamente inviato da eumene
Il mio obiettivo è di fare in modo che scrollbar adiancenti vengano gestite come una sola in modo da simulare lo scorrimento per celle bloccate di exel, in quanto ho la necessitare di navigare una matrice in due direzioni preferibilmente senza refresh.

non ho capito bene cosa intendi dire qui, cosa è lo scorrimento per celle bloccate?

[eumene]

Il mio obiettivo era di far scorrere il corpo centrale delle celle in due dimensioni, verticale ed orizzontale.

Il fatto è che mentre scorro in orizzontale anche le testate delle colonne scorrono alla stessa velocità, mantenendo l'allineamento, così come scorrendo in verticale scorrono le testate delle righe.

Ho, comunque, trovato un post circa un problema di scrolling monodimensionale su questo forum. La soluzione adottata mi ha reso possibile risolvere il mio problema.

Puoi vedere un primo step qui.

Devo solo evitare l'accavallamento.

Mi interesserebbe, invece, sapere quanto è portabile.

Eumene