PDA

View Full Version : [php / jquery]file di testo e scrolling

RaouL_BennetH
11-07-2013, 11:01
Ciao a tutti. Devo leggere il contenuto di un file di testo, che ha una sola riga, piazzarlo in un div e farlo scorrere orizzontalmente.

Sto facendo così ma non riesco a farlo "scrollare":


<script src="jquery-1.7.2.min.js" type="text/javascript"</script>
<script src="jquery.Scroller-1.0.min.js" type="text/javascript"</script>

<script type="text/javascript">

function getContent() {

$.get('page.txt', function(data) {
$('#mydiv').html(data);
});
}

$(document).ready(function() {
getContent();
setInterval("getContent();", 9000);
$('.pagestyle').SetScroller({

velocity: 60,
direction: 'horizontal',
startfrom: 'left',
cursor: 'default',
loop: 'infinite'
});
});




Ora, sulla pagina vedo correttamente il contenuto del file, ma non si "muove".

Dove sbaglio ?

Grazie mille. RaouL.
MicheleRaponi
12-07-2013, 10:31
Le due inclusioni <script> non hanno il > di chiusura,
Non essendoci l'html e il css, non si capisce bene che ruolo abbia l'elemento .pagestyle, comunque il div a cui applichi il metodo .setScroller deve avere la proprietà position:relative e deve contenere un div con proprietà position:absolute che sarà il contenitore del testo in movimento e la destinazione per il testo che carichi con il get.
Questo funziona, sostituisci l'hotlink allo script jquery-scroller con la tua copia locale.
Ciao!:)


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.scroller {
position:relative; /* necessaria */
overflow:hidden; /* necessaria */
height:20px; /* necessaria */
border:grey thin dotted;
}
.scrolling_text{
position:absolute; /* necessaria */
white-space:nowrap; /* previene il troncamento del testo */
}

</style>
</head>

<body>
<div class="scroller">
<div class="scrolling_text"></div>
</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://www.maxvergelli.com/docs/jquery-scroller/jquery-scroller-v1.min.js"></script>
<script type="text/javascript">

function getContent() {
$.get('page.txt', function(data) {
$('.scrolling_text').html(data);
});
}

$(document).ready(function() {
getContent();
setInterval("getContent();", 9000);
$('.scroller').SetScroller({
velocity: 60,
direction: 'horizontal',
startfrom: 'right',
loop: 'infinite',
movetype: 'linear',
onmouseover: 'pause',
onmouseout: 'play',
onstartup: 'play',
cursor: 'pointer'
});
});

</script>
</body>
</html>
RaouL_BennetH
14-07-2013, 14:20
grassie !! Davvero grazie. :)
MicheleRaponi
15-07-2013, 10:50
grassie !! Davvero grazie. :)

Di niente!:)
RaouL_BennetH
16-07-2013, 10:08
Ho notato una cosa però.... dopo un pò la pagina si rallenta a tal punto che risulta impossibile visualizzarla.

Inoltre, ci sono controindicazioni particolari a 'leggero' mediante la 'get' ?