slideshow banner IE -> FF problem

salesbot

slideshow banner IE -> FF problem
Need someone to fix this in IE,

it works only in FF, guy who provided me this code said that he can get it working in IE, i don't ;-(

Code:
---------

// message to scroll

Author: miob
Category: Paid work offers and requests
Publish Date: Sat, 06 Oct 2007 18:04:36 GMT

Need someone to fix this in IE,

it works only in FF, guy who provided me this code said that he can get it working in IE, i don't ;-(

Code:

<script type="text/javascript">

// message to scroll

var marqueecontent='<a href="http://www.domain1.com" target="_blank"><img src="homepage/banner6.gif" border="0" width="150" height="50" class="banner" id="banner0"></a> <a href="http://www.domain2.com" target="_blank"><img src="homepage/banner1.gif" border="0" width="150" height="50" class="banner" id="banner1"></a> <a href="http://www.domain3.com" target="_blank"><img src="homepage/banner2.gif" border="0" width="150" height="50" class="banner" id="banner2"></a> <a href="http://www.domain4.com" target="_blank"><img src="homepage/banner3.gif" border="0" width="150" height="50" class="banner" id="banner3"></a> <a href="http://www.domain5.com" target="_blank"><img src="homepage/banner4.gif" border="0" width="150" height="50" class="banner" id="banner4"></a> <a href="http://www.domain6.com" target="_blank"><img src="homepage/banner5.gif" border="0" width="150" height="50" class="banner" id="banner5"></a>';

var copyspeed=2; // <-- speed of ticker

var tickerWidth = 300; // <-- ticker width

var tickerHeight = 50; // <-- ticker height

// global variables

var actualWidth='';

var jsMarquee1;

var jsMarquee2;

var div1Interval = 0;

var div2Interval = 0;

var timeToStartSecond= new Array(8)

var div1Status = 0;

var div2Status = 0;

document.write('<span id="temp" style="visibility:hidden;position:absolute;left:-5000px;">'+marqueecontent+'</span>'); // used to determine initial content width

document.write('<span id="temp2" style="visibility:hidden;position:absolute;left:-5000px;"></span>'); // used later to calculate the new width of the content

function populate(){

actualWidth=document.getElementById("temp").offsetWidth;

actualWidthTemp=document.getElementById("temp").offsetWidth;

// first DIV

jsMarquee1=document.getElementById('marquee1');

jsMarquee1.style.left=parseInt(tickerWidth)+"px";

// second DIV

jsMarquee2=document.getElementById('marquee2');

jsMarquee2.style.left=parseInt(tickerWidth)+"px";

if(actualWidth <= (tickerWidth*2)){

var tempContent;

tempContent = "<nobr>";

// make sure that the div is larger than the ticker area

// if not, duplicate the content

while (actualWidth < (tickerWidth*2)){

tempContent = tempContent + marqueecontent;

actualWidth = actualWidth + actualWidthTemp;

}

tempContent = tempContent + "</nobr>"

// load the content into the divs

jsMarquee1.innerHTML=tempContent;

jsMarquee2.innerHTML=tempContent;

// get the new actual width of the content

document.getElementById("temp2").innerHTML=tempContent;

actualWidth = document.getElementById("temp2").offsetWidth;

}else{

// load the content into the divs

jsMarquee1.innerHTML="<nobr>"+marqueecontent+"</nobr>";

jsMarquee2.innerHTML="<nobr>"+marqueecontent+"</nobr>";

}

timeToStartSecond=(tickerWidth-actualWidth);

}

window.onload=populate

function scrollMarquee(){

if ((parseInt(jsMarquee1.style.left)>(actualWidth*(-1)))){

jsMarquee1.style.left=parseInt(jsMarquee1.style.left)-copyspeed+"px";

// call function to begin the second DIV

if(parseInt(jsMarquee1.style.left) < timeToStartSecond && div1Status == 0){

div1Status = 1;

div2Status = 0;

beginSecondMarquee();

}

}else{

//resets the div to it's original location

document.getElementById("marquee1").style.left = parseInt(tickerWidth)+"px";

//clear the interval and stop animation

div1Interval = window.clearInterval(div1Interval);

}

}

function scrollSecondMarquee(){

if (parseInt(jsMarquee2.style.left)>(actualWidth*(-1))){

jsMarquee2.style.left=parseInt(jsMarquee2.style.left)-copyspeed+"px";

// call function to restart the first DIV

if(parseInt(jsMarquee2.style.left) < timeToStartSecond && div2Status == 0){

div1Status = 0;

div2Status = 1;

startMarquee();

}

}else{

//resets the div to it's original location

document.getElementById("marquee2").style.left = parseInt(tickerWidth)+"px";

//clear the interval and stop animation

div2Interval = window.clearInterval(div2Interval);

}

}

/* begins the second marquee */

function beginSecondMarquee(){

div2Interval = window.setInterval("scrollSecondMarquee()",20);

}

/* begins the first marquee */

function startMarquee(){

div1Interval = window.setInterval("scrollMarquee()",20);

}

startMarquee();

document.write('<div style="position:relative;width:'+tickerWidth+'px;height:'+tickerHeight+'px;overflow:hidden">');

document.write('<div style="position:absolute;width:'+tickerWidth+'px;height:'+tickerHeight+'px;background-color:#DEFDD9" onMouseover="copyspeed=0" onMouseout="copyspeed='+copyspeed+'">');

document.write('<div id="marquee1" style="position:absolute;left:0px;top:0px;"></div>');

document.write('<div id="marquee2" style="position:absolute;left:0px;top:0px;"></div>');

document.write('</div>');

document.write('</div>');

</script>

Read more...

Source: CodingForums.com - Paid work offers and requests

Google Sites · Posted: Sun Oct 07, 2007 6:00 am Post subject :