include a javascript disable the function of another

[pythoNewbie]

Hi guys

I have 2 javascript functions, First I include which does swap images whenever I pass the mouse over a certain image

<script language="JavaScript" type="text/JavaScript" src="includes/MapScript.js"></script>
 

then I wanted to include another function inside a table <td> tag that moves text in a way similar to marquee.

<td> 
<script language="JavaScript" type="text/JavaScript" src="includes/ScrollText.js"></script> </td>
 

Note that the swap image functions are used later in the table.

The problem is when ever I add the ScrollText.js the Swaping of images is disabled, as if ScrollText stoped MapScript from functioning

Any help?

[epots9]

Hi guys

I have 2 javascript functions, First I include which does swap images whenever I pass the mouse over a certain image

<script language="JavaScript" type="text/JavaScript" src="includes/MapScript.js"></script>
 

then I wanted to include another function inside a table <td> tag that moves text in a way similar to marquee.

<td> 
<script language="JavaScript" type="text/JavaScript" src="includes/ScrollText.js"></script> </td>
 

Note that the swap image functions are used later in the table.

The problem is when ever I add the ScrollText.js the Swaping of images is disabled, as if ScrollText stoped MapScript from functioning

Any help?

please post your javascript function(s) and the the html that calls these functions.

thank you

[pythoNewbie]

Ok
First is the HorizontalScoller.js file (I called it in my previous post as Scrolltext)

var marqueewidth="770px"
var marqueeheight="30px"
var marqueespeed=1
var marqueebgcolor= "#F8FBD0" 
var pauseit=1
 
var marqueecontent='<nobr><font size=2 color="#A05048" face="Arial"><b>Nos Bureau Sont Ouvert Du Lundi au Vendredi</b></font></nobr>'
 
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
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, ns_marquee
 
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
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
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
 
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"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 align="center" 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:0px"></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=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
 

then the other function MapScript.js

//*********************************************************************************
//
//*********************************************************************************
function PreloadImages(){
    Image1 = new Image(210,251)
    Image1.src = "images/map.gif"
 
    Image2 = new Image(210,251)
    Image2.src = "images/northon.gif"
 
    Image3 = new Image(210,251)
    Image3.src = "images/southon.gif"
 
    Image4 = new Image(210,251)
    Image4.src = "images/mlon.gif"
 
    Image5 = new Image(210,251)
    Image5.src = "images/beiruton.gif" 
 
    Image6 = new Image(210,251)
    Image6.src = "images/bekaa1on.gif" 
}
 
//*********************************************************************************
//
//*********************************************************************************
function original() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image1.src; return true; 
}
 
function SwapNorthOn() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image2.src; return true;
}
 
function SwapSouthOn() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image3.src; return true;
}
 
function SwapMLOn() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image4.src; return true;
}
 
function SwapBeirutOn() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image5.src; return true;
}
 
function SwapBekaaOn() {
target= document.getElementById("MyMap");
target.style.filter="blendTrans(duration=1)"
target.filters[0].Apply();  // apply the filter
target.filters[0].Play();   // play the filter
document.images.MyMap.src = Image6.src; return true;
}
 
 
//
//
//
var myLinks = [
"http://www.google.com", "http://www.yahoo.com",
"http://www.altavista.com", "http://www.microsoft.com", "http://www.yahoo.fr"];
var myCaption = ["Les Facultés à Tripoli","Les Facultés au Mont Liban",
                 "Les Facultés à Beyrouth","Les Facultés Sud","Les Facultés au Bekaa"]
var myTexts = [
"<b><font color=#A75D3C>Faculte de droit, Tripoli<br>Faculte des sciences, Tripoli <br>Faculte de medecine, Tripoli</font></b>",
"<b><font color=#A75D3C>Faculte de droit, Mont Liban <br>Faculte des sciences, Mont Liban <br>Faculte de medecine, Mont Liban</font></b>",
"<b><font color=#A75D3C>Faculte de droit Beyrouth <br>Faculte des sciences, Beyrouth <br>Faculte de medecine, Beyrouth</font></b>", 
"<b><font color=#A75D3C>Faculte de droit South <br>Faculte des sciences, South <br>Faculte de medecine, South</font></b>", 
"<b><font color=#A75D3C>Faculte de droit Bekaa <br>Faculte des sciences, Bekaa <br>Faculte de medecine, Bekaa</font></b>", 
];
var k = 0;
 
function chgLink(x)
{
var el = document2.getElementById(1);
el.innerHTML = myTexts[x]; 
el.title = myCaption[x];
el.href = myLinks[x];
 
}
 
 

then the HTML that calls them:

:
<html>
<head>
.... 
<script language="JavaScript" type="text/JavaScript" src="includes/MapScript.js"></script>
</head>
<body onLoad="PreloadImages();" bgcolor="#F8FBD0">
 
<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
    <tr>
<td valign="top">
<center>
            <table cellpadding="0" cellspacing="0" width="765" height="100%" border="0">
                <tr>
                    <td valign="top">
                        <table cellpadding="0" cellspacing="0" width="765" border="0" ID="Table1">
                            <tr>
                            ...                            </tr>
                        </table>
                                                <table cellpadding="0" cellspacing="0" width="765" border="0" ID="Table11">
                            <tr>
 <td valign="top" align="center">
<script language="JavaScript" type="text/JavaScript" src="includes/HorizontalScroller.js"></script> 
</td>
....                                    <script type='text/javascript' src='includes/exmplmenu2_var.js'></script></td>
                                <td>
                                    <script type='text/javascript' src='includes/menu_com.js'></script>
                                </td>
                                <td>
                                    <noscript>Votre naviguateur ne supporte pas les scripts</noscript>
                                </td>
                            </tr>
                        </table>
                        <table cellpadding="0" cellspacing="0" width="100%" border="0" ID="Table3" style="margin-top:90px;">
                            <tr>
                                <td  align="center" valign = top width="40%">
                                    <font color="#A75D3C">.....</b><br>
....
        <img id="MyMap" src="images/map.gif" border="0" width="210" height="251" usemap="#ahmad" name="MyMap"> 
                            ...... Call some map functions......
</table>
 
</body>
</html>
 

[epots9]

the problem that your expericing usually happens when an error happens and it halts everything, i'll still looking through it i'll post anything i find...oh is this code online? it would make it easier to debug.

[pythoNewbie]

Thank you for your concern.

I was trying to upload the files into my personal website, and it was assumed that index2 will not function because it includes MapScript javascript and Horizontol Script.js. while index3 should function properly (map changes) , But unfortunatly both are not swaping now, I assume because the freeservers website includes a lot of scripts. and obviously they are defecting that of MapScript.

both scripts
http://mohammedtleis.8m.com/index2.html

one script
http://mohammedtleis.8m.com/index3.html