|
|||||||
|
|
|
 |
|
|
Strumenti |
11-07-2013, 12:01
|
#1 |
|
Senior Member
Iscritto dal: Sep 2004
Messaggi: 3967
|
[php / jquery]file di testo e scrolling
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": Codice:
<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.
__________________
Dai wafer di silicio nasce: LoHacker... il primo biscotto Geek 
|
|
|
|
12-07-2013, 11:31
|
#2 |
|
Member
Iscritto dal: Oct 2003
Messaggi: 143
|
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!  Codice:
<!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>
Ultima modifica di MicheleRaponi : 12-07-2013 alle 11:37. |
|
|
|
|
14-07-2013, 15:20
|
#3 |
|
Senior Member
Iscritto dal: Sep 2004
Messaggi: 3967
|
grassie !! Davvero grazie.
__________________
Dai wafer di silicio nasce: LoHacker... il primo biscotto Geek
|
|
|
|
|
15-07-2013, 11:50
|
#4 | |
|
Member
Iscritto dal: Oct 2003
Messaggi: 143
|
Quote:
|
|
|
|
|
|
16-07-2013, 11:08
|
#5 |
|
Senior Member
Iscritto dal: Sep 2004
Messaggi: 3967
|
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' ?
__________________
Dai wafer di silicio nasce: LoHacker... il primo biscotto Geek
|
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 23:39.
