Scroll Array

[ken84]

Buongiorno a tutti,
estraggo dei dati da un DB e ne visualizzo a cascata solo una parte: se per esempio avessi 10 record,ne visualizzo 5.
Volevo sapere se era possibile fare in modo di scrollare il mio array dei dati quando clicco su un'immagine (scrollando verticalmente).
Ho fatto una ricerca sul form,ma purtroppo non ho trovato niente che facesse al caso mio.

Ringrazio anticipatamente
Ciao

[Mich_]

Il DB sta sul server, il JS sul client.

Il JS puo` lavorare solo sui dati che possiede nella pagina, non puo` andare ad interrogare il server. Per quello devi richiedere una nuova pagina.

[ken84]

e se io preventivamente caricassi l'array dei dati ke tiro fuori dal db in un array js (sempre ke sia possibile)...ci sarebbe un modo per fare qnt ho detto nel primo post?

[Mich_]

In tal caso e` possibile fare tutto quello che vuoi (quasi ...).

Pero` non ho capito esattamente cosa vuoi, per cui non posso darti il codice.

In particolare cosa significa:
"scrollare il mio array dei dati quando clicco su un'immagine (scrollando verticalmente)".

Se usi bene i CSS, credo che la cosa sia anche velocissima, e in qualche caso si puo` fare anche senza JS.

[ken84]

In poke parole,avendo un array contenente ad esempio 20record,dovrei visualizzarne un tot cosi:

[freccia sù]

record 1
record 2
record 3
record 4...

[freccia giù]

Passando o cliccando su freccia giù,dovrebbe mostrarmi il record successivo senza ricaricare ogni volta la pagina (cm succederebbe usando php xesempio).

Sxo riuscirai a darmi una mano o una dritta...
grazie cmq per la cortesia.
Ciao

[Mich_]

Non dici che oggetti sono i tuoi record, per cui saro` un po' generico.

Esiste l'attributo display dei CSS:
display: none; /* l'oggetto non viene visualizzato */
display: block; /* l'oggetto viene visualizzato come blocco */

Per modificare tale proprieta` da JS si usa:
document.getElementById('ID_OGGETTO').style.displa y = 'none';
document.getElementById('ID_OGGETTO').style.displa y = 'block';

Puoi pertanto cambiare dinamicamente tale proprieta`.

In alternativa puoi usare un <div> con barra di scorrimento:[code]
<div style="height:20em; overflow:auto;">
<div id="record1"> qui il tuo contenuto </div>
<div id="record2"> qui il tuo contenuto </div>
<div id="record3"> qui il tuo contenuto </div>
...
</div>

Nota: lo stile (che ho messo embedded per semplicita`) andrebbe inserito in un CSS nella head.

[ken84]

Per ora ti ringrazio,proverò qnt mi hai detto.
Nel caso di problemi,tornerò a romperti

CMQ grazie1000 x l'aiuto