news scorrevoli in javascript

cristipe

Nuovo Utente
12 Nov 2009
15
0
0
ciao a tutti premesso che non so nulla di javascript e che ho cercato uno script per fare delle news scorrevoli verticali da mettere nel mio sito html ho trovato questa ottima soluzione vorrei però fare in modo che le scritte delle news siano testi più lunghi come posso fare?
HTML:
 <script type="text/javascript">

//qui sotto potete configurare le variabili
var scrollerdelay='5000' //impostare i secondi della rotazione 3000=3 seconds.
var scrollerwidth='150px' //la larghezza 
var scrollerheight='150px' // la l'altezza
var scrollerbgcolor='#ecebe9' //colore di sfondo
//lascia cosi qui sotto se non vuoi mettere un'immagine di sfondo
var scrollerbackground=''

//configura le variabili, ogni variabile è una notizia in movimento
var messages=new Array()
messages[0]="<font size='3' face='Arial'><a class='mail' href='#'>Museo del '900 Domenica 24 marzo 2013 ore 11.00
“Il bianco e il nero: la libertà e il cromatismo del jazz”
Pianoforte: Michelangelo Decorato 
  </a></font>"
messages[1]="<font size='3' face='Arial'><a class='mail' href='#'>Realizziamo siti web</a></font>"
messages[2]="<font size='3' face='Arial'><a class='mail' href='#'>Forum </a></font>"
///////Non toccare da qui in poi///////////////////////

var ie=document.all
var dom=document.getElementById

if (messages.length>10000)
i=10000
else
i=5000

function move(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("move(tdiv)",scrollerdelay)
setTimeout("move2(second2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("move(tdiv)",50)
}
else{
tdiv.style.top=parseInt(scrollerheight)+"px"
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("move2(tdiv2)",scrollerdelay)
setTimeout("move(first2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("move2(second2_obj)",50)
}
else{
tdiv2.style.top=parseInt(scrollerheight)+"px"
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}

if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}

if (window.addEventListener)
window.addEventListener("load", startscroll, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroll)
else if (ie||dom)
window.onload=startscroll

</script>
 
Ultima modifica di un moderatore:
ciao,
puoi usare il + per concatenare una stringa
HTML:
<script>
    var messages=new Array()
    messages[0]="Nel mezzo del cammin di nostra vita";
    messages[0]+="mi ritrovai per una selva oscura";
    messages[0]+="ché la diritta via era smarrita.";
    messages[0]+="Ahi quanto a dir qual era è cosa dura";
    messages[0]+="esta selva selvaggia e aspra e forte";
    messages[0]+="che nel pensier rinova la paura!";
    messages[0]+="Tant'è amara che poco è più morte;";
    messages[0]+="ma per trattar del ben ch'i' vi trovai,";
    messages[0]+="dirò de l'altre cose ch'i' v'ho scorte.";
    
    alert(messages[0]);
</script>
ps
racchiudi il codice che posti tra i tag presenti sulla barra di formattazione (seconda riga ultime tre icone)
 

Discussioni simili