Jump to content

TICKERTAPE JAVASCRIPT PROBLEM


chemo

Recommended Posts

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...