Scorrimento automatico testo + immagine

**Leggero82** · 06-07-2005, 18:11

Ciao ragazzi,
è tutto oggi che cerco un modo per far scorrere in automatico una tabella.
Di esempi ne ho trovati molti, tra gli archivi di html.it e su internet ma non come intendo io.
Tutti permettono di far scorrere del testo (tipiche applet java) ma quello che vorrei fare io è far scorrere una tabella in questo modo: al caricamento della pagina scorre fino alla riga con la prima news --> si ferma per tot secondi e poi --> scorre fino all'altra riga.
Ho trovato qualcosa di simile qui sul forum con questa funzione ma il problema è che non si ferma, altrimenti sarebbe perfetta:

<script>
function scrl(){
document.body.scrollTop = document.body.scrollTop+1
setTimeout('scrl()',2)
}
</script>

Il problema è che non posso usare una delle tante applet java che si trovano in giro perchè nessuna permette di caricare da database testo + immagine.
Vi ringrazio in anticipo,
ciao!

**Andrea1979** · 06-07-2005, 18:45

non so, potresti provare con:

setInterval(funzione, tempo_in_millisecondi);

nel body onLoad

funzione è chiaramente la funzione javascript dove implementi lo scrolling: setInterval eseguira funzione ogni tot tempo_in_millisecondi.

Ciao

**pierofix** · 07-07-2005, 09:31

Mmm, non saprei aiutarti in questo senso, ma volevo farti presente una cosa:

- WCAG 1.0 checkpoint 7.3: http://www.w3.org/TR/WCAG10/#gl-movement

**Leggero82** · 07-07-2005, 09:37

grazie a tutte due.

pierofix: grazie per la dritta

ora proverò comunque con il metodo che mi ha consigliato andrea.

il movimento dovrà essere comunque molto fluido e piuttosto lento.

farò qualche prova

**Leggero82** · 07-07-2005, 12:11

ho provato così:

function scrl(){
setInterval('scrl()',5000)
document.body.scrollTop = document.body.scrollTop+1
setTimeout('scrl()',1)
}

e nel <body onLoad="scrl()">
in pratica dovrebbe stare fermo 5 secondi e poi ripartire

però non si ferma :master:

**Andrea1979** · 07-07-2005, 12:46

codice:

<html>
<head>
<title>Scroller</title>
<script language="javascript">
  function myscroll() {
	self.scrollBy(0, 10);
}
</script>
<body onLoad="setInterval(myscroll, 1000);">
<div align="center">


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>


Quo usque tandem abutere, Catilinae, patientiae nostrae?</p>
</body>
</html>

Qualcosa del genere?

**Leggero82** · 07-07-2005, 15:24

grazie ragazzi,
ho fatto così:

codice:

<script language="javascript">
  function myscroll()
  {
   self.scrollBy(0, 312);
  }
 
  function ruota()
  {
   setInterval('myscroll()',2000)
  }
</script>
<body onLoad="ruota()">

e poi ho messo <meta http-equiv="refresh" content="10"> per far tornare la pagina all'inizio ogni 10 secondi in maniera da far riprendere lo scorrimento.
Anche se si sente il click del reload può andare..

**Andrea1979** · 07-07-2005, 16:20

bhè, se non vuoi sentire il click, potresti dichiarare una variabile che incrementi ad ogni chiamata dello Scroller. Qaundo questa variabile supera un certo valore, scrolli di nuovo in posizione di partenza.

Discussione: Scorrimento automatico testo + immagine

Strumenti discussione

Ricerca discussione

Visualizza

Scorrimento automatico testo + immagine

Permessi di invio