2 scripts on page = conflict. Help please

Discussion in 'JavaScript' started by diablo999, Oct 18, 2009.

  1. #1
    Hi all,
    I have installed the following slideshow script which works fine: Slideshow script from http://www.bretteleben.de. The script is in a linked slide.js file.

    I am trying to add a scrolling marquee script to the same page. The marquee script is on page in the HTML. When I do so there is a conflict -- the slideshow completely disappears leaving an empty <div> </div>.

    I have pasted the scrolling marquee script below. Any suggestions to resolve this please?

    Many thanks, db~
    -


    <script language="JavaScript1.2">

    /*
    Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
    For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
    Modified by jscheuer1 for continuous content. Credit MUST stay intact
    */

    //Specify the marquee's width (in pixels)
    var marqueewidth="600px"
    //Specify the marquee's height
    var marqueeheight="30px"
    //Specify the marquee's marquee speed (larger is faster 1-10)
    var marqueespeed=2
    //Specify initial pause before scrolling in milliseconds
    var initPause=2000
    //Specify start with Full(1)or Empty(0) Marquee
    var full=1
    //configure background color:
    var marqueebgcolor="#006699"
    //Pause marquee onMousever (0=no. 1=yes)?
    var pauseit=1


    //Specify the marquee's content (don't delete <nobr> tag)
    //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

    var marqueecontent='<nobr><font style="font-family:arial; font-size:18px; color:#FFFFFF">Thinking of Selling or Letting? Call us now on XXX XXXXX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Open 7 days a week&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></nobr>'


    ////NO NEED TO EDIT BELOW THIS LINE////////////
    var copyspeed=marqueespeed
    var pausespeed=(pauseit==0)? copyspeed: 0
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
    var actualwidth=''
    var cross_marquee, cross_marquee2, ns_marquee
    function populate(){
    if (iedom){
    var initFill=(full==1)? '8px' : parseInt(marqueewidth)+8+"px"
    actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
    cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
    cross_marquee.style.left=initFill
    cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2
    cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent
    cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px" //indicates following #1
    }
    else if (document.layers){
    ns_marquee=document.ns_marquee.document.ns_marquee2
    ns_marquee.left=parseInt(marqueewidth)+8
    ns_marquee.document.write(marqueecontent)
    ns_marquee.document.close()
    actualwidth=ns_marquee.document.width
    }
    setTimeout('lefttime=setInterval("scrollmarquee()",30)',initPause)
    }
    window.onload=populate

    function scrollmarquee(){
    if (iedom){
    if (parseInt(cross_marquee.style.left)<(actualwidth*(-1)+8))
    cross_marquee.style.left=(parseInt(cross_marquee2.style.left)+actualwidth+8)+"px"
    if (parseInt(cross_marquee2.style.left)<(actualwidth*(-1)+8))
    cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px"
    cross_marquee2.style.left=parseInt(cross_marquee2.style.left)-copyspeed+"px"
    cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
    }
    else if (document.layers){
    if (ns_marquee.left>(actualwidth*(-1)+8))
    ns_marquee.left-=copyspeed
    else
    ns_marquee.left=parseInt(marqueewidth)+8
    }
    }

    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
    write('<div id="iemarquee" style="position:absolute;left:0px;top:3px;display:inline;"></div>')
    write('<div id="iemarquee2" style="position:absolute;left:0px;top:3px;display:inline;"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
    write('<layer name="ns_marquee2" left=0 top=3 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }
    </script>
     
    diablo999, Oct 18, 2009 IP
  2. camjohnson95

    camjohnson95 Active Member

    Messages:
    737
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    60
    #2
    The window.onload functions maybe conflict with each other...
     
    camjohnson95, Oct 19, 2009 IP