scroll news

flaviog · 12-04-2008, 09.21.17

ciao

avrei bisogno, per favore, se qualcuno sà come implementarlo, una sorta di scroll orizzontale contenente delle news e dei link inseriti da me periodicamente nel website.

da dove parto?

thanks in advance

Biagio Di Stefano · 14-04-2008, 23.45.25

Ecco Fla, questo è uno scroller orizzontale di news in flash e xml. Basterà cambiare il testo all'xml per cambiare le news o crearne di nuove, senza entrare all'interno del file flash.

Luca Cardella · 15-04-2008, 09.25.46

grazie biagio torna utile anche a me

adrianodistasi · 15-04-2008, 12.06.24

Scrole news in vertical...In tre passaggi!
Tra i tag HEAD inserire:

<style type="text/css">

#marqueecontainer{
position: relative;
width: 180px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}

</style>

<script type="text/javascript">

var delayb4scroll=2000
var marqueespeed=1
var pauseit=1

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+ "px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecont ainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee

</script>
</head>
chiudere l'HEAD.
Nel body basta richiamare l'ID tra i DIV:
Es.
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div></div>
</body>
Chiusura del body.
Si possono regolare la velocità dello scroll, le pause di apertura, la velocità delle scritte

..

flaviog · 16-04-2008, 00.21.46

Citazione:

Originalmente inviato da Biagio Di Stefano

Ecco Fla, questo è uno scroller orizzontale di news in flash e xml. Basterà cambiare il testo all'xml per cambiare le news o crearne di nuove, senza entrare all'interno del file flash.

perfetto

flaviog · 16-04-2008, 00.22.26

Citazione:

Originalmente inviato da adrianodistasi

Scrole news in vertical...In tre passaggi!
Tra i tag HEAD inserire:

Chiusura del body.
Si possono regolare la velocità dello scroll, le pause di apertura, la velocità delle scritte

..

grazie anche a lei dotto'

allampatu · 11-07-2008, 10.06.12

Citazione:

Originalmente inviato da adrianodistasi

Scrole news in vertical...In tre passaggi!
Tra i tag HEAD inserire:

ciao adriano,
ho provato ad utilizzare il tuo script ma il testo rimane immobile, anche con il mouse sopra. io ho scritto questo

Codice HTML:

<head>
<style type="text/css">

#marqueecontainer{
position: relative;
width: 180px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
#marqueecontainer {
}
</style>

<script type="text/javascript">



var delayb4scroll=2000
var marqueespeed=1
var pauseit=1

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+ "px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecont ainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body>
<div id="marqueecontainer" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed">
  <div id="vmarquee" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div2" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div3" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div4" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div5" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div6" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div7" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div8" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
  <div id="div9" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
</div>
</body>

12-04-2008, 09.21.17	#1 (permalink)
flaviog Super Moderator Data registrazione: 28-02-2008 Residenza: Milano Messaggi: 795	scroll news ciao avrei bisogno, per favore, se qualcuno sà come implementarlo, una sorta di scroll orizzontale contenente delle news e dei link inseriti da me periodicamente nel website. da dove parto? thanks in advance __________________ flaviogironi.co.uk \| blog

15-04-2008, 12.06.24	#4 (permalink)
adrianodistasi Seo - Admin Data registrazione: 08-03-2008 Residenza: Felitto - Cilento - Salerno - Italia - Europa - WWW Messaggi: 834	Scrole news in vertical...In tre passaggi! Tra i tag HEAD inserire: <style type="text/css"> #marqueecontainer{ position: relative; width: 180px; /marquee width / height: 400px; /marquee height / background-color: white; overflow: hidden; border: 3px solid orange; padding: 2px; padding-left: 4px; } </style> <script type="text/javascript"> var delayb4scroll=2000 var marqueespeed=1 var pauseit=1 var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight='' function scrollmarquee(){ if (parseInt(cross_marquee.style.top)>(actualheight(-1)+8)) cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px" else cross_marquee.style.top=parseInt(marqueeheight)+8+ "px" } function initializemarquee(){ cross_marquee=document.getElementById("vmarquee") cross_marquee.style.top=0 marqueeheight=document.getElementById("marqueecont ainer").offsetHeight actualheight=cross_marquee.offsetHeight if (window.opera \|\| navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit cross_marquee.style.height=marqueeheight+"px" cross_marquee.style.overflow="scroll" return } setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll) } if (window.addEventListener) window.addEventListener("load", initializemarquee, false) else if (window.attachEvent) window.attachEvent("onload", initializemarquee) else if (document.getElementById) window.onload=initializemarquee </script> </head> chiudere l'HEAD. Nel body basta richiamare l'ID tra i DIV: Es. <div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"> <div id="vmarquee" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div></div> </body> Chiusura del body. Si possono regolare la velocità dello scroll, le pause di apertura, la velocità delle scritte .. __________________ Posizionamento \| Directory \| Blog-Seo \| Seo Salerno \| Adriano di Stasi on Facebook "Chi possiede tutti i mezzi stabilisce tutti i fini". Ultima modifica di adrianodistasi : 15-04-2008 alle ore 12.19.19. Motivo: errore :)*

Strumenti discussione
Visualizza versione stampabile Invia questa pagina via e-mail
Modalità visualizzazione
Modalità lineare Modalità ibrida Modalità elencata

LinkBacks (?) LinkBack to this Thread: http://www.graficicreativi.com/gestione-siti-web/429-scroll-news.html
Scritto da	For	Type	Data
document.getelementbyid cambio testo xml \| VIRGILIO Ricerca \| Web	This thread	Refback	10-07-2008 21.10.40
scroll(0,position); \| VIRGILIO Ricerca \| Web	This thread	Refback	10-06-2008 10.10.52

15-04-2008, 09.25.46	#3 (permalink)
Luca Cardella Moderator Data registrazione: 28-02-2008 Residenza: Salerno Messaggi: 750	grazie biagio torna utile anche a me