Il linguaggio JavaScript
 

scrolling number line

MidiQuiz@gmai.invalid 7 Ott 2014 22:43
Io un tag <pre> con diverse linee.
E' possibile con js spostare lo scrolling all'altezza di una linea definita?

p.s. ho spedito prima da MyNewsGate ma non vedo il post
Spyryto 14 Ott 2014 14:40
MidiQuiz@gmai.invalid ha scritto:
> Io un tag <pre> con diverse linee.
> E' possibile con js spostare lo scrolling all'altezza di una linea definita?

Ciao. Non in maniera "automatica".
Se dai con CSS un line-height definito al tag pre, per esempio
12px, allora la riga n si trova a n-1*12 px dal bordo superiore.


Quindi una volta che hai ottenuto la posizione in px del tuo tag
pre (top) puoi fare una cosa del genere:

function scrollTo(tag, line) {
var lineHeight = tag.style.lineHeight;
function pixelsFromTop(row) {
return (row-1)*lineHeight;
}
$('body').scrollTo($(tag),{
offsetTop : tag.top+pixelsFromTop(line)
});
}

Nell'esempio ho usato JQuery.
C'è un ******* x JQuery molto versatile se hai diverse esigenze di
scrolling.
--
Spyryto

Links
Giochi online
Dizionario sinonimi
Leggi e codici
Ricette
Testi
Webmatica
Hosting gratis
   
 

Il linguaggio JavaScript | Tutti i gruppi | it.comp.lang.javascript | Notizie e discussioni javascript | Javascript Mobile | Servizio di consultazione news.