almost identical scripts wont work on one page, will on another

theEclipse · Feb 7, 2000

OK OK OK. 
Here's the deal: 
 
I have scripts that I will post at my website for people to use on their site. kind of a library type of thing. I have written the scripts, and they work fine. I also personally use the scripts on my pages (makes sense). and here is the problem. The script works fine on page A, but not page B. 
they both refrence to the same .js file. Here are the pages, and the .js file. I have clipped alot of the text on the pages, but the page is in tact. the pages are part of the frameset. To see the script working, goto: <A HREF="

http://robacarp.webjump.com"

TARGET="_new">

http://robacarp.webjump.com</A>

.js file: 
------------------------------------------------- 
var lastLyr; 
var time; 
net=(document.layers)?1:0; 
hidden =(net)?'hide':'hidden'; 
visible =(net)?'show':'visible'; 
pre = (net)?'document.layers.':'document.all.'; 
suf = (net)?'':'.style'; 
 
function changeImg(img,newSrc){ 
alert(img+' '+newSrc) 
theImg =eva('document.'+img); 
theImg.src = newSrc;} 
 
function changeLyr(div){ 
theDiv = eval(pre+div+suf); 
lastLyr.visibility = hidden; 
theDiv.visibility = visible; 
lastLyr = theDiv;} 
 
function moveLyrUp(){ 
lastLyr.top = parseInt(lastLyr.top) - 5; 
time = setTimeout('moveLyrUp()',50);} 
 
function moveLyrDown(){alert('down') 
lastLyr.top = parseInt(lastLyr.top) + 5; 
time = setTimeout('moveLyrDown()',50); 
alert('edown')} 
 
function cancelLyrMove(){clearTimeout(time);} 
 
------------------------------------------------------- 
 
page A: 
 
--------------------------------------------------------- 
 
<html> 
<head> 
<title>If you can see this, goto: robacarp.webjump.com</title> 
 
<script language="javascript" src="scripts/framesetScripts.js"></script> 
<script language="javascript"> 
function startIt(){lastLyr = eval(pre+'newUser'+suf);} 
</script> 
 
 
<style> 
a{text-decoration:none; color:#C0C0C0} 
a:active{text-decoration:none; color#C0C0C0} 
a:visited{text-decoration:none; color#C0C0C0} 
a:hover{text-decoration:underline; color:#A9B7DC} 
.pages {left:10; width:300;} 
#container {width:310; height:400; position:absolute; top:10; left:330; border:solid 2px black; overflow:hidden;} 
#scroller {position:absolute; top:50; left:305; backgruond-color:#FFFFFF; layer-background-color:#FFFFFF; border:#000000;} 
</style></head> 
 
 
<body onload="startIt();"> 
 
 
 
<div id="scroller"> 
 
<a href="#" onMouseOver="changeImg('thearwup','images/darkArrowUp.gif'); cancelLyrMove(); moveLyrDown();" onMouseOut="changeImg('thearwup','images/lightArrowUp.gif');cancelLyrMove()"> 
<img src="images/lightArrowUp.gif" name=thearwup border=0></a> 
 
 
 
<a href="#" onClick="lastLyr.top = 0; return false;">top</a> 
 
 
 
<a href="#" onClick="return false;" onMouseOver="changeImg('thearwdown','images/darkArrowDown.gif'); cancelLyrMove(); moveLyrUp();" onMouseOut="changeImg('thearwdown','images/lightArrowDown.gif');cancelLyrMove();"> 
<img src="images/lightArrowDown.gif" name=thearwdown border=0></a> 
</div> 
 
 
 
 
 
<div id=container> 
 
<div id=news class=pages style="visibility:hidden; position:absolute; top:0;"> 
 
 
 
</div> 
 
<div id="newUser" class=pages style="visibility:visible; position:absolute; top:0;"> 
 
 
 
</div> 
<div align=left id=thanksTo class=pages style="visibility:hidden; position:absolute; top:0;"> 
 
 
 
 
</div> 
</div> 
 
</body> 
</html> 
 
--------------------------------------------------- 
 
page B 
 
--------------------------------------------------- 
 
<html> 
<head> 
<title>If you can see this, goto: robacarp.webjump.com</title> 
 
 
<script language="javascript" src="scripts/framesetScripts.js"></script> 
<script language="javascript"> 
function startIt(){ 
lastLyr = eval(pre+'theMenu'+suf);} 
</script> 
 
 
<style> 
#menu{position:absolute; top:150 width:90%; z-index:3;} 
#scrollers{position:absolute; top:0; left:0; z-index:4; width:10%; background-color:#ffffff; layer-background-color:#ffffff;} 
a{text-decoration:none; color:#C0C0C0} 
a:active{text-decoration:none; color#C0C0C0} 
a:visited{text-decoration:none; color#C0C0C0} 
a:hover{text-decoration:underline; color:#A9B7DC} 
</style></head> 
 
 
<body onload=startIt()> 
 
 
 
<div id=theMenu></div> 
 
 
 
<div id="scroller"> 
 
 
<a href="#" onMouseOver="changeImg('thearwup','images/darkArrowUp.gif'); cancelLyrMove(); moveLyrDown();" onMouseOut="changeImg('thearwup','images/lightArrowUp.gif');cancelLyrMove()"> 
<img src="images/lightArrowUp.gif" name=thearwup border=0></a> 
 
 
 
<a href="#" onClick="lastLyr.top = 0; return false;">top</a> 
 
 
 
<a href="#" onClick="return false;" onMouseOver="changeImg('thearwdown','images/darkArrowDown.gif'); cancelLyrMove(); moveLyrUp();" onMouseOut="changeImg('thearwdown','images/lightArrowDown.gif');cancelLyrMove();"> 
<img src="images/lightArrowDown.gif" name=thearwdown border=0></a> 
</div> 
 
<?html> 
</body> 
</html> 
 
Thanks alot. 
theEclipse 
robacarp.webjump.com 
 
 
P.S.:I not so much want to know how to fix it, but why, otherwise I can't remember not to do it again!! 
 
but anything is helpfull

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

almost identical scripts wont work on one page, will on another

theEclipse

Programmer

Similar threads

Part and Inventory Search

Sponsor