PDA

View Full Version : Javascript Text Fader Not working in Firefox



TheGr8K8
25 Sep 2008, 04:22 PM
Hi there!

I'm currently working on a website for the company that I work for. We have a small box on our homepage that has random quotes that transition to fade in and out using Javascript. Unfortunately, when I view the website in Firefox, this box is blank and sort of has a little arm sticking out on the top right side of it.

Here is the code:

<SCRIPT type="text/javascript">
var thissize=11
var textfont="Verdana"

var textcolor= new Array()
textcolor[0]="EEEEEE"
textcolor[1]="DDDDDD"
textcolor[2]="CCCCCC"
textcolor[3]="AAAAAA"
textcolor[4]="888888"
textcolor[5]="666666"
textcolor[6]="555555"
textcolor[7]="444444"
textcolor[8]="333333"
textcolor[9]="222222"
textcolor[10]="111111"
textcolor[11]="000000"

var message = new Array()
message[0]="Text"
message[1]="Text"
message[2]="Text"
message[3]="Text"
message[4]="Text"
message[5]="Text"
message[6]="Text"
message[7]="Text"
message[8]="Text"
message[9]="Text"


var i_blurstrength=10
var i_message=0
var i_textcolor=0

function blurtext() {
if(document.all) {
if (i_blurstrength >=-2) {
if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}
blurthis.innerHTML="<span id='blurpit1' class='sidequote' style='position:absolute;visibility:visible;width:149px;top:0px;left:0px;filter:blur(add=0,strength="+i_blurstrength+",direction=270);'>"+message[i_message]+"</span>";
document.close()
i_blurstrength=i_blurstrength-2
i_textcolor++
var timer=setTimeout("blurtext()",60)
}
else {
if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}
blurthis.innerHTML="<span id='blurit1' class='sidequote' style='position:absolute;visibility:visible;width:149px; top:0px;left:0px;filter:blendTrans(duration=4.2);'>"+message[i_message]+"</span>";
i_message++
if (i_message>=message.length){i_message=0}
i_blurstrength=20
i_textcolor=0
clearTimeout(timer)
var timer=setTimeout("blurtext()",3500)
}
}
}
</SCRIPT>


I tried putting just that script into it's own file and viewing it and it's completely blank on both browsers. Yet, I copied this directly out of our website and it works fine on IE when it's in the website. *confused*
I don't have the slightest clue why it's doing this, do any of you?

Thanks so much,

-Kate