Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2006
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy 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:
    <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>

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    How much are you willing to pay for this?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Mar 2006
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    huh, not sure, tell me your price ! i'm not sure how much it's worth


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •