Conflicting Scripts

**FreeThinker** · 06-04-2005, 04:39 PM

I'm new to all this web designing, so i would appreciate some help. I've come across a problem..........i entered 2 different HTML sripts in my webpage and they don't work at the same time and only the one which is entered latter gets enabled whilst the former script gets disabled (the other scripts i enter work fine, it's only thse two). I'm guessing there is a conflict between the two, can ayone help ????

---------------------------------------------------------------------------------------
Heres the HTML for the 1st one:

<div id="tempholder"></div>
<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript">

/*
Mike's DHTML scroller (By Mike Hall)
Last updated July 21st, 02' by Dynamic Drive for NS6 functionality
For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/

//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(0, 0, 480, 32, 1, 5); //(xpos, ypos, width, height, border, padding)
myScroller1.setColors("#006600", "#ccffcc", "#009900"); //(fgcolor, bgcolor, bdcolor)
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>Click here for <a href='http://dynamicdrive.com'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");
myScroller1.addItem("<b>Visit <a href='http://www.brainjar.com'>Brain Jar</a>, Mike\'s great coding site!</b>");
myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='http://javascriptkit.com'>JavaScript Kit.</a>");
myScroller1.addItem("<b>Discuss and get help on web coding, at <a href='http://www.codingforums.com'>CodingForums.com</a></b>");

//SET SCROLLER PAUSE
myScroller1.setPause(2500); //set pause beteen msgs, in milliseconds

function runmikescroll() {

var layer;
var mikex, mikey;

// Locate placeholder layer so we can use it to position the scrollers.

layer = getLayer("placeholder");
mikex = getPageLeft(layer);
mikey = getPageTop(layer);

// Create the first scroller and position it.

myScroller1.create();
myScroller1.hide();
myScroller1.moveTo(mikex, mikey);
myScroller1.setzIndex(100);
myScroller1.show();
}

window.onload=runmikescroll
</script>
<div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>

This is the HTML for the 2nd one:

<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>

<script type="text/javascript" language="JavaScript">


</script>

---------------------------------------------------------------------------------------

By the way i'm using Geocities Webpage Builder...

- FreeThinker

**jscheuer1** · 06-04-2005, 05:57 PM

This is a little more complicated than the usual onload event conflict. Try this:

In the first script, where it says:

Code:

window.onload=runmikescroll

get rid of that. In the second script, where it says:

Code:

window.onload=function() {

add a line just below that so it looks like this:

Code:

window.onload=function() {
runmikescroll();

That should get it.

**FreeThinker** · 06-04-2005, 07:59 PM

Thanks for your reply, i had a go at that but unfortunatley a script error message appears with the error showing as " Expected '}' ".

If you paste the codes in Microsoft FrontPage maybe you can figure out how to solve this conflict.

-FreeThinker

**jscheuer1** · 06-04-2005, 09:01 PM

I don't use front page. I did paste your code to a blank page and it was too incomplete to run. I just did a fresh install of both scripts from their demo pages and made my recommended modifications. Both are working on one page. Are you sure you installed both scripts properly to begin with? Things you may have missed:

The scroller script belongs in the body and requires you download the external .js files and have them in the same directory as your html page.

The Matrix script belongs in the head but, has one bit that goes in the body.

**FreeThinker** · 06-05-2005, 12:22 AM

Thanks for trying, i really don't know what the problem is though....i mean both of them work fine when i activate them seperately, and they appear to be in the correct places but, the problem is they don't seem to work together.

I think it has something to do with what you intially mentioned, the 'window.onload' function, as there also appears to be another script on my page that doesn't seem to be working alongside the scroll script, but when i change the 'window.onload' function on the scroll script around slightly the other script comes back up. That script has a 'onload' function too...



<script language="JavaScript">

</script>




<BODY bgcolor="ffffff" onload="timeout = window.setTimeout('setMessage()',500);">
<style>

Sorry if i'm not making any sense.

- Free Thinker

**jscheuer1** · 06-05-2005, 02:00 AM

No, you're making plenty of sense, that's exactly the sort of thing that could throw things off. Any onload event handler will cancel all previous onload events. So, what you can do is remove that event from the body tag and put in in with the others so that it now looks like this:

Code:

window.onload=function() {
runmikescroll();
timeout = window.setTimeout("setMessage()",500);

and the body tag looks like this:

HTML Code:

<BODY bgcolor="ffffff">

Now, something I may not have been as clear about as I should have. The original window.onload=function from the matrix script had a bunch of stuff in it. You shouldn't take any of that away. We are just adding these other calls in at the beginning of it so that it ends up looking like this:

Code:

window.onload=function() {
runmikescroll();
timeout = window.setTimeout('setMessage()',500);
	if (!w3c && !ie45) return
  var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
  ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
  ma_txt=" "+ma_txt+" ";
  columns=ma_txt.length;
  if (w3c) {
    while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
    ma_tab=document.createElement("table");
    ma_tab.setAttribute("border", 0);
    ma_tab.setAttribute("align", effectalign);
    ma_tab.style.backgroundColor="#000000";
    ma_bod=document.createElement("tbody");
    for (x=0; x<rows; x++) {
      ma_row=document.createElement("tr");
      for (y=0; y<columns; y++) {
        matemp=document.createElement("td");
        matemp.setAttribute("id", "Mx"+x+"y"+y);
        matemp.className="matrix";
        matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
        ma_row.appendChild(matemp);
      }
      ma_bod.appendChild(ma_row);
    }
    ma_tab.appendChild(ma_bod);
    matrix.appendChild(ma_tab);
  } else {
    ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
    for (var x=0; x<rows; x++) {
      ma_tab+='<t'+'r>';
      for (var y=0; y<columns; y++) {
        ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';
      }
      ma_tab+='</'+'tr>';
    }
    ma_tab+='</'+'table>';
    matrix.innerHTML=ma_tab;
  }
  ma_cho=ma_txt;
  for (x=0; x<columns; x++) {
    ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
    m_copo[x]=0;
  }
  ma_bod=setInterval("mytricks()", speed);
}

**FreeThinker** · 06-05-2005, 02:14 PM

Ok.......

Basically what happened is that i entered the code you told me to enter and removed what you told me to but, the same error message came up as before ( Expected '}' ) , but, i had a feeling that it was something to do with that piece of code, so i rearranged the code you told me to enter, and inputted the following....

window.onload=runmikescroll
timeout = window.setTimeout("setMessage()",500);

......then hey presto.........it worked!! I really appreciate your help John, thanks alot for all the effort you put in, it was a good challenge solving ths problem.(As for the matrix script i decided not to include that in my webpage anymore but, just in case i change my mind i know which thread to refer to)

-Free Thinker

Thread: Conflicting Scripts

Thread Tools

Search Thread

Conflicting Scripts

Bookmarks

Bookmarks

Posting Permissions