chemo Posted April 10, 2007 Share Posted April 10, 2007 The below code is pasted between the body tags of the site. But, it is scrolling across the screen perfectly in Explorer browsers but flashing on and off with out scrolling in Firefox. Can anyone please tell me why? It’s driving me crazy. <script type="text/JavaScript" src="../jscript/copyoftickertape.js"></script>/*TICKERTAPE JAVASCRIPT INCLUDE THE FOLLOWING IN THE HEAD WITHOUT MODIFICATION TO OVERFLOW OR FILTER:-#spage{ width:426; height:30; overflow:hidden; FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.20,wipestyle=0,motion=forward,duration=2); font-size: 20px;}INCLUDE THE FOLLOWING IN THE BODY: - <script type="text/JavaScript" src="../jscript/tickertape.js"></script>*//*TABLE HEIGHT AND TRANSGRESSION TIMING*/var theight=25; var transtime=6000;/*BORDERS AND PADDING*/borderw=0; var pad_top=3; var pad_top2=3; var pad_left=15; var pad_left2=2; borderd='border-style:none; border-width:0; border-color: none;';/*TEXT ATTRIBUTES*/var text_alignt='left'; var text_alignh='left'; var text_decort='none'; var text_decorh='none'; var fstylet='normal'; var fstyleh='normal';var fweightt='bold'; var fweighth='bold'; var fontn='arial'; bgcol = '#cc0000'; bgcolh = '#cc0000'; txtcol = '#ffffd7'; txthicol = '#ffffd7'; txtcolh = '#ffffd7'; border_color_str='#ffffd7'; var nstheight=0,nst2width=0; /*MESSAGE TEXT LINE #1*/var text = new Array();text[0] ="What an event - first there is a punishing 2.4 mile swim...";/*MESSAGE TEXT LINE #2*/text[1] = "Then 112 grueling miles in the saddle (count them) for the cycle race...";/*MESSAGE TEXT LINE #3*/text[2] = "To finish it (or Martin) off, a full marathon of 26.2 miles - go on Martin!!";/*HEADING FOR MESSAGE TEXT #1*/var header = new Array();header[0] = "The swim >>>";/*HEADING FOR MESSAGE TEXT #2*/header[1] = "The ride >>>";/*HEADING FOR MESSAGE TEXT #3*/header[2] = "The race >>>";/*URL LINK FOR MESSAGE TEXT #1*/var linka = new Array();linka[0] ="http://iron.ironmanuk.com/default.asp?PageID=1287";/*URL'>http://iron.ironmanuk.com/default.asp?PageID=1287";/*URL LINK FOR MESSAGE TEXT #2*/linka[1] = "http://iron.ironmanuk.com/default.asp?PageID=1287";/*URL'>http://iron.ironmanuk.com/default.asp?PageID=1287";/*URL LINK FOR MESSAGE TEXT #3*/linka[2] = "http://iron.ironmanuk.com/default.asp?PageID=1287";/* TARGET BROWSER TYPE FOR MESSAGE TEXTLINK #1 - - -ENTER parent OR blank - - - - -*/var targa = new Array();targa[0] = "_parent";/* TARGET BROWSER TYPE FOR MESSAGE TEXTLINK #2 - - -ENTER parent OR blank - - - - -*/targa[1] = "_blank";/* TARGET BROWSER TYPE FOR MESSAGE TEXTLINK #3 - - -ENTER parent OR blank - - - - -*/targa[2] = "_blank";/* - - - - - - - - - - - DO NOT MODIFY BELOW THIS LINE- - - - - - - - - */ var divtext = new Array(); var divh = new Array(); var objst = new Array(); var objs = new Array(); var objsh = new Array(); var IE4B=false;var NS4B=false;var NS6B=false;var OP5B=false; NS4B=((document.layers)?true:false); IE4B=((document.all)?true:false); NS6B=((document.getElementById)&&(!IE4B))?true:false; uagent = window.navigator.userAgent.toLowerCase();IE5=false;IE4=false;IEold=false;IE5=(uagent.indexOf('msie 5.0') != -1)?true:false;IE4=(uagent.indexOf('msie 4') != -1)?true:false;if(IE5||IE4){IEold=true;} OP5B=(uagent.indexOf('opera') != -1)?true:false; if(OP5B==true){IE4B=false;NS6B=true;} if(NS6B==true){IE4B=false;} var ns6obj=null; var str2=''; var msgw,msgh; var mc=0; var say=0,onceki=0; msgw=600-100; mc=text.length; onceki=mc-1; strpos='';strvis='';strpadding='',strpadding2='';nsdiv=''; nstheight=theight-borderw-borderw; /* WIDTH ADJUSTMENT FOR NETSCAPE BROWSER*/nst2width=759-borderw-borderw;/* - - - - - - - - - - - DO NOT MODIFY BELOW THIS LINE- - - - - - - - - */ pad_top=pad_top-borderw; if(pad_top<0){pad_top=0;} pad_top2=pad_top2-borderw; if(pad_top2<0){pad_top2=0;}if(IE4B){ strpos='position:absolute;'; strvis=''; strpadding='padding-top:'+pad_top+'px;padding-left:'+pad_left+'px;'; strpadding2='padding-top:'+pad_top2+'px;padding-left:'+pad_left2+'px;';}else if(NS6B){ strpos='position:absolute;'; strvis='visibility:hidden;'; strpadding='padding-top:'+pad_top+'px;padding-left:'+pad_left+'px;'; strpadding2='padding-top:'+pad_top2+'px;padding-left:'+pad_left2+'px;';} divtev1=' onmouseover="mdivmo('; divtev2=')" onmouseout ="restime('; divtev3=')" onclick="butclick('; divtev4=')"'; for(i=0;i<mc;i++) { if(IE4B) { divtext='<div id=d'+i+' onmouseover="mdivmo('+i+')" onmouseout ="restime('+i+')" onclick="butclick('+i+')"'+' style="'+strpos+''+strvis+'background:'+bgcol+'; COLOR: '+txtcol+'; '+strpadding+' left:'+100+'; top:0; width:1600 ;height:'+theight+'; FONT-FAMILY: '+fontn+'; FONT-SIZE: '+11+'pt; font-style: '+fstylet+'; font-weight: '+fweightt+'; margin:0; TEXT-DECORATION: '+text_decort+'; overflow-y:hidden;text-align:'+text_alignt+';cursor: default;">'; divh='<div id=dh'+i+' style="'+strpos+''+strvis+'background:'+bgcolh+'; COLOR: '+txtcolh+'; '+strpadding2+' left:0; top:0; width:'+100+'; height:'+theight+'; FONT-FAMILY: '+fontn+'; FONT-SIZE: '+11+'pt; font-style: '+fstyleh+'; font-weight: '+fweighth+'; TEXT-DECORATION: '+text_decorh+';margin:0; overflow:hidden;;text-align:'+text_alignh+';cursor: default;">'; } else if(NS6B) { divtext='<div id=d'+i+' onmouseover="mdivmo('+i+')" onmouseout ="restime('+i+')" onclick="butclick('+i+')"'+' style="'+strpos+''+strvis+'background:'+bgcol+'; COLOR: '+txtcol+'; '+strpadding+' left:'+100+'; top:0; width:1600 ;height:'+nstheight+'; FONT-FAMILY: '+fontn+'; FONT-SIZE: '+11+'pt; font-style: '+fstylet+'; font-weight: '+fweightt+'; TEXT-DECORATION: '+text_decort+';margin:0; overflow-y:hidden;text-align:'+text_alignt+';cursor: default;">'; divh='<div id=dh'+i+' style="'+strpos+''+strvis+'background:'+bgcolh+'; COLOR: '+txtcolh+'; '+strpadding2+' left:0; top:0; width:'+100+'; height:'+nstheight+'; FONT-FAMILY: '+fontn+'; FONT-SIZE: '+11+'pt; font-style: '+fstyleh+'; font-weight: '+fweighth+'; TEXT-DECORATION: '+text_decorh+';margin:0;overflow:hidden;text-align:'+text_alignh+';cursor: default;">'; } } function mdivmo(gnum) { if(IE4B) { if(linka[gnum]!='') { objd=eval('d'+gnum); objd.style.color=txthicol; objd.style.cursor='hand'; window.status=''+linka[gnum]; } } else if(NS6B) { if(linka[gnum]!='') { objs[onceki].style.color=txthicol; objs[onceki].style.cursor='pointer'; window.status=''+linka[gnum]; } }}function restime(gnum2){ if(IE4B) { objd=eval('d'+gnum2); objd.style.color=txtcol; window.status=''; } else if(NS6B) { objs[onceki].style.color=txtcol; window.status=''; }}function butclick(gnum3){ if(targa[gnum3]==''){targa[gnum3]='_parent';} if(IE4B) { window.open(''+linka[gnum3],''+targa[gnum3]); } else if(NS6B) {if((targa[gnum3].indexOf("_parent")>-1)){ eval("parent.window.location='"+linka[gnum3]+"'"); } else if((targa[gnum3].indexOf("_top")>-1)) { eval("top.window.location='"+linka[gnum3]+"'"); } else { window.open(''+linka[gnum3],''+targa[gnum3]); } }}if(IE4B){} else if(NS6B){ str2=''; for(i=0;i<mc;i++) {if(OP5B==true){ str2=str2+'<div id=op'+i+' style="position:absolute;overflow:hidden;'+strvis+' left:0;top:0;width:'+(nst2width+borderw+borderw)+'; height:'+theight+';'+strvis+borderd+'">';}else{ str2=str2+'<div id=op'+i+' style="position:absolute;overflow:hidden;'+strvis+' left:0;top:0;width:'+nst2width+'; height:'+nstheight+';'+strvis+borderd+'">';} str2=str2+''+divh+header+'</div>'+divtext+''+text+'</div>'; str2=str2+'</div>'; }} else if(NS4B){}function dotrans(){ if(IE4B) { spage.innerHTML =''+divh[say]+'</div>'+divtext[say]+'</div>'; if(IEold!=true){spage.filters[0].apply();} spage.innerHTML =''+divh[say]+header[say]+'</div>'+divtext[say]+text[say]+'</div>'; if(IEold!=true){spage.filters[0].play();} setTimeout('dotrans()',3000+transtime); } else if(NS6B) {if(say!=onceki){ objsh[say].style.visibility='visible'; objsh[onceki].style.visibility='hidden'; objs[say].style.color=txtcol; objs[say].style.visibility='visible'; objs[onceki].style.visibility='hidden'; objst[say].style.visibility='visible'; objst[onceki].style.visibility='hidden';} onceki=say; setTimeout('dotrans()',3000); } say++; if(say>=mc){say=0;}} function dofirst() { var i=0; var str=""; for(i=0;i<mc;i++) { str="d"+i; objs=document.getElementById(str); objs.style.left=""+100+"px"; objs.style.top="0px"; objs.style.visibility="hidden"; str="dh"+i; objsh=document.getElementById(str); objsh.style.left="0px"; objsh.style.top="0px"; objsh.style.visibility="hidden"; str="op"+i; objst=document.getElementById(str); objst.style.left="0px"; objst.style.top="0px"; objst.style.visibility="hidden"; } objs[0].style.visibility="visible"; objsh[0].style.visibility="visible"; objst[0].style.visibility="visible"; dotrans(); } function initte() { if(IE4B) { spage.style.borderStyle="solid"; spage.style.borderWidth=""+borderw+"px"; spage.style.borderColor=border_color_str; spage.innerHTML=""+divh[say]+header[say]+"</div>"+divtext[0]+text[0]+"</div>"; say=1;if(say>=mc){say=0;} setTimeout('dotrans()',3000); } else if(NS6B) { say=0; ns6obj=document.getElementById('spage'); ns6obj.innerHTML=str2; setTimeout('dofirst()',500); } Link to comment Share on other sites More sharing options...
jesh Posted April 10, 2007 Share Posted April 10, 2007 It's hard to tell because of the way the script is formatted. But, without looking at the javascript, I noticed this pearl in the CSS: FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.20,wipestyle=0,motion=forward,duration=2); As far as I know, filters only work in IE. This may explain your problem. Link to comment Share on other sites More sharing options...
aspnetguy Posted April 10, 2007 Share Posted April 10, 2007 definately the css problem. IE is the only browser that supports filter. Link to comment Share on other sites More sharing options...
chemo Posted April 11, 2007 Author Share Posted April 11, 2007 Thanks for the help guys it makes a change for something to work only on IE.I don’t suppose you know of one that works cross browser? Link to comment Share on other sites More sharing options...
jesh Posted April 11, 2007 Share Posted April 11, 2007 When I was first learning about DHTML and using javascript, CSS, and the DOM to make things slide and bounce around on the screen, I turned towards Dynamic Drive to get some ideas. They have a ton of scripts there. Maybe one of them is close to what you need and you can look at the source to see if you can determine how they accomplished it.Here's the link: http://www.dynamicdrive.com/ Link to comment Share on other sites More sharing options...
chemo Posted April 13, 2007 Author Share Posted April 13, 2007 Thanks Jesh!I found one that works perfectly. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now