Web Analytics Made Easy -
StatCounter How to find a problem - CodingForum

Announcement

Collapse
No announcement yet.

How to find a problem

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to find a problem

    Hello Peeps

    I have several javascripts running on a page and 1 script does not work since adding an extra one.

    Obviously there is a conflict between the scripts.

    I have no errors on the page so how do i go about trying to find the problem.

    Hope you can advise.

    Regards

  • #2
    Well first you need to show us the code because its probably something simple like multiple onloads.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Its alot of code for you to view.

      But here goes.

      body tag =

      Code:
      <body onload="P7_initTP(8,1); onLoad(); P7_TPurl();">
      1st and last onload is this script.
      Code:
      var p7tpa=new Array();
      function P7_setTP(){ //v1.0.3 by PVII-www.projectseven.com
       var i,h="<sty"+"le type=\"text/css\">\n";h+=".p7TP_tabs{display: block;}.p7TPcontent div{display:none;}\n";
       h+=".p7TPcontent div div{display:block;}\n";if(document.getElementById){for(i=1;i<11;i++){
       h+="#p7tpc"+i+"_1 {display:block;}\n";}h+="\n<"+"/sty"+"le>";document.write(h);}
      }
      P7_setTP();
      function P7_initTP(){ //v1.0.3 by PVII-www.projectseven.com
       var i,j,tb,tD,tP,tA,pb="p7TP";if(!document.getElementById){return;};p7tpa=arguments;
       for(i=1;i<11;i++){tb=pb+i;tP=document.getElementById(tb);if(tP){tD=tP.getElementsByTagName("DIV");
       if(tD){for(j=0;j<tD.length;j++){if(tD[j].id&&tD[j].id.indexOf("p7tpb")==0){
       tA=tD[j].getElementsByTagName("A");if(tA[0]){tA[0].p7tpn=new Array(i,tD[j].id);
       tA[0].onclick=function(){return P7_TPtrig(this);};}}}}}}
      }
      function P7_TPtrig(a){ //v1.0.3 by PVII-www.projectseven.com
       var i,tD,tA,tC,c,d,sb,an=p7tpa[1];if(typeof(a)!='object'){c=a.replace("p7tpc","p7tpb");
       d=document.getElementById(c);if(d){a=d.getElementsByTagName("A")[0];}}if(a.p7tpn){
       tD=document.getElementById(a.p7tpn[1]);if(tD){tA=tD.parentNode.getElementsByTagName("A");
       for(i=0;i<tA.length;i++){if(tA[i].p7tpn){sb=tA[i].p7tpn[1].replace("p7tpb","p7tpc");
       tC=document.getElementById(sb);if(tA[i]==a){tA[i].className="down";
       document.getElementById(tA[i].p7tpn[1]).className="down";if(tC){if(an>0){
       tC.style.visibility="hidden";tC.style.display="block";setTimeout("P7_TPanim('"+tC.id+"')",100);
       }else{tC.style.display="block";}}}else{tA[i].className='';
       document.getElementById(tA[i].p7tpn[1]).className='';if(tC){tC.style.display="none";}}}}}}return false;
      }
      function P7_TPanim(iD){ //v1.0.3 by PVII-www.projectseven.com
       var i,f,tC,g=new Array(),an=p7tpa[1];ob=document.getElementById(iD);tC=ob.parentNode;
       if(!tC.filters){ob.style.opacity="0.10";ob.style.visibility='visible';P7_TPfadeIn(ob.id,0.00);
       return;}f='progid:DXImageTransform.Microsoft.';d=' Duration=1';
       g[0]='Fade';g[1]='Fade';g[2]='Wipe(GradientSize=0.5, wipeStyle=0, motion="forward"'+d+')';
       g[3]='Pixelate(MaxSquare=50,Duration=1,Enabled=false'+d+')';
       g[4]='RandomDissolve('+d+')';g[5]='Iris(irisstyle="SQUARE", motion="in"'+d+')';
       g[6]='Iris(irisstyle="SQUARE", motion="out"'+d+')';g[7]='Iris(irisstyle="CIRCLE", motion="in"'+d+')';
       g[8]='Iris(irisstyle="CIRCLE", motion="out"'+d+')';g[9]='Blinds(direction="up", bands=1'+d+')';
       g[10]='Blinds(direction="down", bands=1'+d+')';g[11]='Blinds(direction="right", bands=1'+d+')';
       g[12]='Blinds(direction="left", bands=1'+d+')';g[13]='Barn(orientation="vertical", motion="in"'+d+')';
       g[14]='Barn(orientation="vertical", motion="out"'+d+')';g[15]='Barn(orientation="horizontal", motion="in"'+d+')'
       g[16]='Barn(orientation="horizontal", motion="out"'+d+')';g[17]='Strips(motion="leftdown"'+d+')';
       g[18]='Strips(motion="leftup"'+d+')';g[19]='Strips(motion="rightdown"'+d+')';
       g[20]='Strips(motion="rightup"'+d+')';g[21]='RadialWipe(wipeStyle="clock"'+d+')';
       g[22]='RadialWipe(wipeStyle="wedge"'+d+')';g[23]='RadialWipe(wipeStyle="radial"'+d+')';
       g[24]='Slide(slideStyle="PUSH", bands=1'+d+')';g[25]='Slide(slideStyle="SWAP", bands=5'+d+')';
       g[26]='Slide(slideStyle="HIDE", bands=1'+d+')';g[27]='Wheel(spokes=4'+d+')';g[28]='Wheel(spokes=16'+d+')';
       an=(an>g.length)?3:an;f+=g[an];tC.style.filter=f;if(tC.filters.length<1){p7tpa[1]=0;ob.style.visibility='visible';
       return;}tC.filters[0].Apply();ob.style.visibility='visible';tC.filters[0].Play();
      }
      function P7_TPfadeIn(id,op){ //v1.0.3 by PVII-www.projectseven.com
       var d=document.getElementById(id);op+=.05;op=(op>=1)?1:op;d.style.opacity=op;
       if(op<1){setTimeout("P7_TPfadeIn('"+id+"',"+op+")",10);}
      }
      
      function P7_TPurl(){ //v1.0.1 by PVII-www.projectseven.com
       var i,h,s,x,p='p7tpc',m=false,d='pnl';
       if(document.getElementById){
       h=document.location.search;
       if(h){h=h.replace('?','');s=h.split(/[=&]/g);
       if(s&&s.length){for(i=0;i<s.length;i+=2){
       if(s[i]==d){x=s[i+1];if(x){m=true;break;}}}}}
       h=document.location.hash;if(!m&&h){
       x=h.substring(1,h.length);if(x){m=true;}}}
       if(m){p+=x;P7_TPtrig(p);}
      }
      And the other javascript which is casugin the problems is.
      Code:
      <script language="javascript" type="text/javascript">
      <!--
      /* IMPORTANT: Put script after tooltip div or 
      	 put tooltip div just before </BODY>. */
      
      var dom = (document.getElementById) ? true : false;
      var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
      var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
      var ns4 = (document.layers && !dom) ? true : false;
      var ie4 = (document.all && !dom) ? true : false;
      var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
      
      // resize fix for ns4
      var origWidth, origHeight;
      if (ns4) {
      	origWidth = window.innerWidth; origHeight = window.innerHeight;
      	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
      }
      
      // avoid error of passing event object in older browsers
      if (nodyn) { event = "nope" }
      
      ///////////////////////  CUSTOMIZE HERE   ////////////////////
      // settings for tooltip 
      // Do you want tip to move when mouse moves over link?
      var tipFollowMouse= true;	
      // Be sure to set tipWidth wide enough for widest image
      var tipWidth= 160;
      var offX= -130;	// how far from mouse to show tip
      var offY= -190; 
      var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
      var tipFontSize= "8pt";
      // set default text color and background color for tooltip here
      // individual tooltips can have their own (set in messages arrays)
      // but don't have to
      var tipFontColor= "#000000";
      var tipBgColor= "#DDECFF"; 
      var tipBorderColor= "#000080";
      var tipBorderWidth= 3;
      var tipBorderStyle= "ridge";
      var tipPadding= 4;
      
      // tooltip content goes here (image, description, optional bgColor, optional textcolor)
      var messages = new Array();
      // multi-dimensional arrays containing: 
      // image and text for tooltip
      // optional: bgColor and color to be sent to tooltip
      {/literal}
      {section name=i loop=$FACILITIES}
      messages[{$smarty.section.i.index}] = new Array('/images/facilities/{$FACILITIES[i]->image}','{$FACILITIES[i]->description}', "#FFFFFF");
      {/section}
      {literal}
      
      
      ////////////////////  END OF CUSTOMIZATION AREA  ///////////////////
      
      // preload images that are to appear in tooltip
      // from arrays above
      if (document.images) {
      	var theImgs = new Array();
      	for (var i=0; i<messages.length; i++) {
        	theImgs[i] = new Image();
      		theImgs[i].src = messages[i][0];
        }
      }
      
      // to layout image and text, 2-row table, image centered in top cell
      // these go in var tip in doTooltip function
      // startStr goes before image, midStr goes between image and text
      var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
      var midStr = '" border="0"></td></tr><tr><td valign="top">';
      var endStr = '</td></tr></table>';
      
      ////////////////////////////////////////////////////////////
      //  initTip	- initialization for tooltip.
      //		Global variables for tooltip. 
      //		Set styles for all but ns4. 
      //		Set up mousemove capture if tipFollowMouse set true.
      ////////////////////////////////////////////////////////////
      var tooltip, tipcss;
      function initTip() {
      	if (nodyn) return;
      	tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
      	tipcss = (ns4)? document.tipDiv: tooltip.style;
      	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
      		tipcss.width = tipWidth+"px";
      		tipcss.fontFamily = tipFontFamily;
      		tipcss.fontSize = tipFontSize;
      		tipcss.color = tipFontColor;
      		tipcss.backgroundColor = tipBgColor;
      		tipcss.borderColor = tipBorderColor;
      		tipcss.borderWidth = tipBorderWidth+"px";
      		tipcss.padding = tipPadding+"px";
      		tipcss.borderStyle = tipBorderStyle;
      	}
      	if (tooltip&&tipFollowMouse) {
      		if (ns4) document.captureEvents(Event.MOUSEMOVE);
      		document.onmousemove = trackMouse;
      	}
      }
      
      window.onload = initTip;
      
      /////////////////////////////////////////////////
      //  doTooltip function
      //			Assembles content for tooltip and writes 
      //			it to tipDiv
      /////////////////////////////////////////////////
      var t1,t2;	// for setTimeouts
      var tipOn = false;	// check if over tooltip link
      function doTooltip(evt,num) {
      	if (!tooltip) return;
      	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
      	tipOn = true;
      	// set colors if included in messages array
      	if (messages[num][2])	var curBgColor = messages[num][2];
      	else curBgColor = tipBgColor;
      	if (messages[num][3])	var curFontColor = messages[num][3];
      	else curFontColor = tipFontColor;
      	if (ns4) {
      		var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
      		tooltip.write(tip);
      		tooltip.close();
      	} else if (ie4||ie5||ns5) {
      		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
      		tipcss.backgroundColor = curBgColor;
      	 	tooltip.innerHTML = tip;
      	}
      	if (!tipFollowMouse) positionTip(evt);
      	else t1=setTimeout("tipcss.visibility='visible'",100);
      }
      
      var mouseX, mouseY;
      function trackMouse(evt) {
      	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
      	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
      	if (tipOn) positionTip(evt);
      }
      
      /////////////////////////////////////////////////////////////
      //  positionTip function
      //		If tipFollowMouse set false, so trackMouse function
      //		not being used, get position of mouseover event.
      //		Calculations use mouseover event position, 
      //		offset amounts and tooltip width to position
      //		tooltip within window.
      /////////////////////////////////////////////////////////////
      function positionTip(evt) {
      	if (!tipFollowMouse) {
      		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
      		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
      	}
      	// tooltip width and height
      	var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
      	var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
      	// document area in view (subtract scrollbar width for ns)
      	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
      	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
      	// check mouse position against tip and window dimensions
      	// and position the tooltip 
      	if ((mouseX+offX+tpWd)>winWd) 
      		tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
      	else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
      	if ((mouseY+offY+tpHt)>winHt) 
      		tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
      	else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
      	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
      }
      
      function hideTip() {
      	if (!tooltip) return;
      	t2=setTimeout("tipcss.visibility='hidden'",100);
      	tipOn = false;
      }
      
      //-->
      </script>
      Hope this makes sense.

      Regards

      Comment


      • #4
        In the script that is causing the problem find this
        Code:
        window.onload = initTip;
        and change it to
        Code:
        window.onload = function()
        {
        initTip();
        P7_initTP(8,1);
        onLoad();
        P7_TPurl();
        }
        Then change this
        Code:
        <body onload="P7_initTP(8,1); onLoad(); P7_TPurl();">
        to this
        Code:
        <body>
        as I said it could be something simple like multiple onloads which is why you post code when you ask a question. We aren't pyschic you know...
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment


        • #5
          Fantastic

          What a fantastic and quick response.

          Thank you very much. I have been playing with this for hours :-|

          Thank you again.

          Kind Regards

          Lee

          Comment

          Working...
          X