Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20

    iframe con scroll automatico

    Ciao a tutti,
    in una semplice pagina html ho inserito un IFRAME che carica un'altro documento dove aggiorno periodicamente delle news con il link al testo delle stesse...
    vorrei che la pagina delle news scrollasse in automatico dal basso verso l'alto e che si bloccasse al passaggio del mouse sui link.

    insomma una sorta di newsticker senza applet, ecc.

    come posso fare?

    grazie, fmm_

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    x es, la pagina nell' iframe
    codice:
    <script language="javascript" type="text/javascript">
    var tempo=false
    function scrolla(){
    	self.scrollBy(0,5)
    }
    function stopScroll(){
    	if(tempo) clearInterval(tempo)
    }
    function playScroll(){
    	tempo=setInterval('scrolla()',100)
    }
    window.onload=playScroll
    </script>
    notizia 1
    
    
    
    
    
    
    
    notizia 2
    
    
    
    
    
    
    
    notizia 3
    
    
    
    
    
    
    
    notizia 4
    
    
    
    
    
    
    
    notizia 5
    
    
    
    
    
    
    
    notizia 6
    ciao

  3. #3
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20
    funziona Xinod...
    un'ultima cosa, vorrei che al termine dello scroll la pagina non si bloccasse all'ultima notizia ma riprendesse a scrollare dalla prima, insomma che l'effetto fosse continuo.

    aiutatemi!

  4. #4
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20
    non mi aiuta nessuno?

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ti posto un esempio che funziona con IE,
    ma che non sono certo sia possibile rendere crossbrowser
    (potrebbero sorgere problemi con lo stesso IE dichiarando il doctype, puoi approfondire qui l' argomento, c' è una bella tavola riassuntiva)

    codice:
    function scrolla(){
    	self.scrollBy(0,5)
    	if (document.body.scrollTop==document.body.scrollHeight-document.body.clientHeight){
    		self.scrollTo(0,0)
    	}
    }
    ciao ciao

  6. #6
    Utente di HTML.it L'avatar di fmm_
    Registrato dal
    Mar 2002
    Messaggi
    20
    grazie-grazie Xinod! funziona benissimo... interessante anche il link, me lo salvo nei favorites.
    ciao, fmm_

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.