ho la necessita di visualizzare una tabella ENORME dentro ad un DIV.
con due pulsanti (indietro e avanti), vorrei che la tabella 'scorresse' dentro a questo div, che ha overflow: hidden, simulando un iframe diciamo.
NON posso usare la tecnica dell'overflow automatico perchè non ho spazio sotto al div per la barra di scorrimento, devo comandare da FUORI del div la posizione della tabella DENTRO al div.
Si può? se no, come si può fare?
puoi usare
document.getElementById('idTuoContenitore').scroll Top e scrollLeft
e
document.getElementById('idTuoContenitore').scroll Height e scrollWidth
per i tuoi calcoli
il DIv con ie 7 mi dice che l'oggetto non support questa azione (il scrollLeft).
Allora ho tolto le parentesi tonde, mi erano venute spontanee, e non da errore, ma non reagisce.
Riepilogo situazione
Io ho un DIV 'scroller' con overflow:hidden
dentro ho una tabella 'items'
fuori dal div due pulsanti, indietro e avanti.
vorrei che cliccando sulla freccia "indietro" la posizione della tabella dentro al div si spostasse verso destra di tot punti, mentre cliccando sull freccia "avanti" si postasse verso destra
forse si tratta solo di settare bene la proprietà position della tabella?! non capisco...
appare spostato?codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style type="text/css"> #contenitore { border:1px solid #900; width:100px; height:100px; overflow:hidden; } </style> <script type="text/JavaScript"> /*<![CDATA[*/ window.onload=function(){ var c=document.getElementById('contenitore'); alert(c.scrollWidth); c.scrollLeft=35; alert(c.scrollLeft); } /*]]>*/ </script> </head> <body> <div id="contenitore"> <div id="contenuto">abcdefghilmnopqrstuvz</div> </div> </body> </html>
come detto sopra, ie mi dice che scrollLeft non è supportato... eh eh..
nel frattempo ti ringrazio e sposto la soluzione che abbiamo trovato.
abbiamo messo la tabella dentro al div, il div ha position relative, mentre la tabella ha position absolute e top e left espliciti
cosi possiamo usare top e left della tabella e persino l'offsetWidth, che non avevo mai sentito, per calcolare a runtime la width della tabella, che essendo dinamica non posso sapere a priori quanto è grande
Permessi di invio
Rispondi quotando