[php / jquery]file di testo e scrolling

[RaouL_BennetH]

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]

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]

grassie !! Davvero grazie.

[MicheleRaponi]

Originariamente inviato da RaouL_BennetH

grassie !! Davvero grazie.

Di niente!

[RaouL_BennetH]

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' ?