Newsgroup: it.comp.lang.javascript
Titolo: news scorrevoli in javascript

Sapete indicarmi uno script che realizzi un box news scorrevole che sia 
compatibile sia con IE e con mozzilla?
Grazie M.G.

 compatibile sia con IE e con mozzilla?
Non so se č quello che intendevi, comunque provalo.
<HTML>
<HEAD>
<TITLE>News scorrevoli con dissolvenza</TITLE>
<style type="text/css">
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
.tabella{
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
padding:3px;
color:#333333;
}
</style>
</HEAD>
<BODY  BGCOLOR="white" vlink="blue" link="blue">
<br><br>
<div align="center">
<script language="JavaScript1.2">
var scroller_width='260px';
var scroller_height='115px';
var bgcolor='#f0f0f0';
var border_color='#000000';
var pause=3000;
var scrollercontent=new Array()
scrollercontent[0]='Visita <a 
href="
http://www.mozilla.org
">Mozilla.org</a> e scarica la versione 
1.7.1 :)'
scrollercontent[1]='Usate <a href="
it.openoffice.org
">OpenOffice</a> e 
scoprite un nuovo modo di interpretare le suite per ufficio.'
scrollercontent[2]='Ogni 45/60 minuti passati davanti al pc ricordati di 
fare una breve pausa... fa bene a te e fa bene allo schermo che non ne 
puň piů di vedere sempre la tua faccia che lo fissa.'
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom){
document.write('<div align="left" 
style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden; 
border: 1px '+border_color+'; border-style: solid;"><div class="tabella" 
  id="canvas0" 
style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div 
class="tabella" id="canvas1" 
style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
} else if(document.layers){
document.write('<ilayer id=tickernsmain visibility=hide 
width='+scroller_width+' height='+scroller_height+' 
bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' 
height='+scroller_height+' left=0 
top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : 
document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : 
document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? 
document.getElementById(curcanvas) : 
document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
</BODY>
</HTML>