Newsfeeder med Crossbrowser og fadeding
Hejsa.Jeg har slået det fra I Opera. Den viser \"Initilizing...\" alligevel selvom den ikke understøtter document.all og document.layers.
Jeg vil gerne have den til at virke med GetElementById(), men det virker ikke ...
Håber nogle kan hjælpe mig med det. Jeg har selv at tilføje det.
<Style type=\"text/css\">
#tickertape{
position:relative;
layer-background-color:black;
left:0;
top:0;
height:3.5%;
}
#subtickertape{
background-color:black;
position:absolute;
left:0;
top:0;
border: 1px solid black;
height:5%;
text-align: center;
}
.subtickertapefont{
top:0;
font:bold 12px Tahoma;
text-decoration:none;
color:white;
text-align: center;
}
.subtickertapefont a{
top:0;
color:white;
text-decoration:none;
text-align: center;
}
</style>
</head>
<body onload=\"if(document.all||document.layers||document.getElementById){regenerate2();update()}\">
<Script Language=\"Javascript\">
if( ( document.all || document.layers || document.getElementById) && navigator.userAgent.indexOf(\'Win\')!= -1){
document.write(\'<div id=\"tickertape\" align=\"center\"><div id=\"subtickertape\" class=\"subtickertapefont\" align=\"center\">Initializing...</div></div>\')
var speed=5000
var news=new Array()
news[1]=\'test1\';
news[2]=\'test2\';
news[3]=\'test3\';
news[4]=\'test4\';
i=0
if (document.all){
tickerobject=document.all.subtickertape.style
}
else if (document.layers){
tickerobject=document.tickertape.document
}
else if (document.getElementById){
tickerobject=document.getElementById(\"subtickertape\").style
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout(\"window.onresize=regenerate\",450)
}
function update(){
BgFade(0xff,0xff,0xff,0x00,0x00,0x00,10);
if (document.layers){
document.tickertape.document.subtickertape.document.write(\'<table width=\"100%\" border=0 align=\"center\"><tr><td align=\"center\" valign=\"top\"><span class=\"subtickertapefont\">\'+news[i]+\'</span></td></tr></table>\')
document.tickertape.document.subtickertape.document.close()
}
else if (document.all){
document.all.subtickertape.innerHTML=\'<table width=\"100%\" border=0 align=\"center\"><tr><td align=\"center\" valign=\"top\"><span class=\"subtickertapefont\">\'+news[i]+\'</span></td></tr></table>\';
}
else if (document.getElementById){
document.getElementById(\"subtickertape\").innerHTML=\'<table width=\"100%\" border=0 align=\"center\"><tr><td align=\"center\" valign=\"top\"><span class=\"subtickertapefont\">\'+news[i]+\'</span></td></tr></table>\';
}
if (i<news.length-1)
i++
else
i=0
setTimeout(\"update()\",speed)
}
function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
if (document.layers){
tickerobject.bgColor =
Math.floor(sred * spct + ered * epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
}
else if(document.all){
tickerobject.backgroundColor=
Math.floor(sred * spct + ered * epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
}
else if(document.getElementById){
document.getElementById(\"tickerobject\").style.backgroundColor=
Math.floor(sred * spct + ered * epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
}
if ( step < inc ) {
setTimeout(\'RunFader()\',50);
}
step++;
}
}
</script>
