PDA

View Full Version : two DHTML scripts no a page, one is dead in IE 6...HELP

BrightNail
08-30-2002, 11:07 PM
Hey all..

the script works fine in Netscape 4.7...and even works fine in my IE 6 ONLY when I position the .js calls in "certain places"....BUT...I can't do that...(i only repositioned it for find WHY things don't work)..

anyways...within the middle of the page I have a layer scroller that is controlled by image arrows (up/down)....

righ above it, I have a DHTML menu....when the menu folds out, it goes over the 'scrolling layer'..

anyways.....when run...the SCROLLER DOES not work in IE6...WHY?...If I take out the dhtml menus, it works fine...when I put the CALL to the dhtml menus ABOVE the scroller,,,it works...BUT the dhtml menus are NOT positioned on the page correctly...its all weird..

I was thinking that because of where they are positioned...they are occupying the same "SPACE" on the same layer...would this cause one of the them to NOT work in IE?

please help me trouble shoot this....no code, I'm at work.....but maybe some ideas as to why they are clashing....
joh6nn
08-31-2002, 12:44 AM
we need to see the code for this, i think.
BrightNail
08-31-2002, 03:00 AM
here is the code the way it is displayed on the page..files attached


<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Welcome</title>
<script type="text/javascript" language="javascript" src="scripts/sniffer.js"></script>
<script type="text/javascript" language="javascript1.2" src="scripts/custom.js"></script>
<script type="text/javascript" language="javascript1.2" src="scripts/style.js"></script>
<SCRIPT LANGUAGE="JavaScript" SRC="dynlayer.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="miniscroll.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function initdean() {
DynLayerInit()
myscroll = new MiniScroll(scrollWindow,scrollContent)
}
//-->
</SCRIPT>
<script language="JavaScript"><!--
if (document.images) {

var outlines_image = new Image ()
outlines_image.src = "images/pte_outlines_bg.gif"

var aboutrob_off = new Image ()
aboutrob_off.src = "images/nav_aboutrob_off.gif"
var aboutrob_on = new Image ()
aboutrob_on.src = "images/nav_aboutrob_on.gif"

var contact_off = new Image ()
contact_off.src = "images/nav_contact_off.gif"
var contact_on = new Image ()
contact_on.src = "images/nav_contact_on.gif"

var favorite_off = new Image ()
favorite_off.src = "images/nav_favorite_off.gif"
var favorite_on = new Image ()
favorite_on.src = "images/nav_favorite_on.gif"

var outlines_off = new Image ()
outlines_off.src = "images/nav_outlines_off.gif"
var outlines_on = new Image ()
outlines_on.src = "images/nav_outlines_on.gif"

var teach_off = new Image ()
teach_off.src = "images/nav_teach_off.gif"
var teach_on = new Image ()
teach_on.src = "images/nav_teach_on.gif"

var thelaw_off = new Image ()
thelaw_off.src = "images/nav_thelaw_off.gif"
var thelaw_on = new Image ()
thelaw_on.src = "images/nav_thelaw_on.gif"

var latest_show_off = new Image ()
latest_show_off.src = "images/latest_show_off.gif"
var latest_show_on = new Image ()
latest_show_on.src = "images/latest_show_on.gif"

}
//variable to store current button that's clicked
var prev_obj='null';
var clicked_obj='null';
//function to track and clear buttons clicked.
function clearprev(imgName) {
if (imgName!=clicked_obj)
rollOff(imgName)
}
function onDown(imgName) {
var tmp
tmp=clicked_obj
clicked_obj=imgName
rollOn(imgName)
if (tmp!='null')
rollOff(tmp)
}
function rollOn(imgName) {
if (document.images)
document[imgName].src = eval(imgName + '_on.src')
}

function rollOff(imgName) {
if (document.images && clicked_obj!=imgName){
document[imgName].src = eval(imgName + '_off.src')
}
}
// -->
</script>

<STYLE TYPE="text/css">
<!--
#scrollWindowDiv {position:absolute; left:180; top:100; width:200; height:150; clip:rect(0,200,150,0); background-color:#C0C0C0; layer-background-color:#C0C0C0;}
#scrollContentDiv {position:absolute; left:10; top:0; width:180;}
-->
</STYLE>
</head>

<body bgcolor="#4f688e" body background="images/pte_program_bg.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="init()">
<table border="0" cellpadding="0" cellspacing="0" width="700">
<tr height="62">
<td width="0" height="62"><img height="62" width="1" src="images/spacer.gif"></td>
<td width="618" height="62"><img height="1" width="618" src="images/spacer.gif"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="308">
<tr>
<td><img height="1" width="87" src="images/spacer.gif"></td>
<td><img height="1" width="91" src="images/spacer.gif"></td>
<td><img height="1" width="239" src="spacer.gif"></td>
<td><a href="favorite.html" onmouseover='rollOn("favorite");' onmouseout='clearprev("favorite");' onclick='onDown("favorite");'><img name="favorite" src="images/nav_favorite_off.gif" width="104" height="50" border="0"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="620" height="470">
<tr>
<td width="210" valign="top">

<!-- NESTED TABLES -->
<table border="0" cellpadding="0" cellspacing="0" width="137">
<tr>
<td></td>
<td><img height="55" width="1" src="images/spacer.gif"></td>
</tr>
<tr>
<td><img height="1" width="20" src="images/spacer.gif"></td>
<td><a href="contact.html" onmouseover='rollOn("contact");' onmouseout='clearprev("contact");' onclick='onDown("contact");'><img name="contact" src="images/nav_contact_off.gif" width="81" height="46" border="0"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="137">
<tr>
<td></td>
<td><img height="62" width="1" src="images/spacer.gif"></td>
</tr>
<tr>
<td><img height="1" width="37" src="images/spacer.gif"></td>
<td><a href="teach.html" onmouseover='rollOn("teach");' onmouseout='clearprev("teach");' onclick='onDown("teach");'><img name="teach" src="images/nav_teach_off.gif" width="125" height="47" border="0"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="137">
<tr>
<td></td>
<td><img height="28" width="1" src="images/spacer.gif"></td>
</tr>
<tr>
<td><img height="1" width="27" src="images/spacer.gif"></td>
<td><a href="thelaw.html" onmouseover='rollOn("thelaw");' onmouseout='clearprev("thelaw");' onclick='onDown("thelaw");'><img name="thelaw" src="images/nav_thelaw_off.gif" width="104" height="40" border="0"></a></td>
</tr>
</table>
<!-- END NESTED TABLES -->
</td>
<td width="410" valign="top">
<!-- NAV CONTENT NESTED TABLE -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="images/spacer.gif" width="1" height="69" border="0" alt=""></td>
</tr>
<tr>
<td align="left"></td>
</tr>
</table>

<!--END NESTED TABLE -->
<!-- CONTENT NESTED TABLE -->
<table border="0" cellspacing="0" cellpadding="0" width="400" height="385" align="left">
<tr>
<td width="375">
<DIV ID="scrollWindowDiv">
<DIV ID="scrollContentDiv">
<!--INSERT CONTENT HERE-->
<blockquote>
<br>
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balhblah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
blah blah blah blah blah balh blah blah blah blah blah balh
a bunch of content here.....
</blockquote>
<!--END CONTENT-->
</DIV>
</DIV>
<A HREF="javascript:// Scroll Up" onMouseDown="myscroll.up(); return false;" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()">Scroll Up</A>
<BR><A HREF="javascript:// Scroll Down" onMouseDown="myscroll.down(); return false;" onMouseUp="myscroll.stop()" onMouseOut="myscroll.stop()">Scroll Down</A>


</td>
<td width="30" valign="top" align="left">
</td>
</tr>
</table> </td>
</tr>
</table>
<script type="text/javascript" language="javascript1.2" src="scripts/menu.js"></script>
</body>

</html>
joh6nn
08-31-2002, 04:48 AM
we'd have to see a link to the page this is on, so we can see the code that's in all the .js files. however, i'm not sure anyone has the time to sort through that much code here. god knows i don't. my guess is variables, that are named the same, and conflict with each other. search through the different files, and see if you find important variable names that are same. if you do, that could be the reason why.