PDA

View Full Version : AnyLink CSS Menu v2.0 not working in IE -- HELP!



shelflife
05-01-2009, 04:17 PM
1) Script Title: AnyLink CSS Menu v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

3) Describe problem: Hi, I'm using the AnyLink CSS Menu v2.0 and I'm getting this error while running it in IE 8:

"HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
index.html
Code: 0
Line: 0
Char: 0"

It wouldn't even run on earlier versions of IE, popping up with an error and "Operation Aborted". It runs just fine in Firefox.

Here's a look at the code for the entire page, it's using images instead of txt for the parent link, when you hover over the image the AnyLink CSS menu appears. The images change when you hover over them and I've also inserted a bit of code so that the image rollover is delayed on returning to the original. To see what the page looks like to get a better understanding of what I'm talking about, check it out here: http://www.slateholdingsinc.com/test/index.html

Here is my code:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Welcome to Slate Holdings Inc.</title>


/***********************************************
* AnyLink CSS Menu script v2.0- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code
***********************************************/

<style type="text/css">
A:link {text-decoration: none; color: d0cece;}
A:visited {text-decoration: none; color: d0cece;}
A:active {text-decoration: none; color: d0cece;}
A:hover {text-decoration: none; color: d0cece;}
</style>

<script language="Javascript">
{
image1a = new Image
image2a = new Image
image3a = new Image
image4a = new Image
image1b = new Image
image2b = new Image
image3b = new Image
image4b = new Image

image1a.src = 'site_images/welcome_slateinc_off.jpg'
image2a.src = 'site_images/welcome_slateexploration_off.jpg'
image3a.src = 'site_images/welcome_oilfield_off.jpg'
image4a.src = 'site_images/welcome_emerald_off.jpg'

image1b.src = 'site_images/welcome_slateinc_on.jpg'
image2b.src = 'site_images/welcome_slateexploration_on.jpg'
image3b.src = 'site_images/welcome_oilfield_on.jpg'
image4b.src = 'site_images/welcome_emerald_on.jpg'
}
</script>

<link rel="stylesheet" type="text/css" href="anylinkcssmenu.css" />
<script type="text/javascript" src="anylinkcssmenu.js"></script>

<!-- Delay Parameters for Each Rollover-->

<script type="text/javascript">

function timedRoll1()
{
var a=setTimeout("document.rollover1.src=image1a.src",2000)
}
function timedRoll2()
{
var b=setTimeout("document.rollover2.src=image2a.src",2000)
}
function timedRoll3()
{
var c=setTimeout("document.rollover3.src=image3a.src",2000)
}
function timedRoll4()
{
var d=setTimeout("document.rollover4.src=image4a.src",2000)
}
</script>

<!-- Delay Parameters for Each Rollover-->

</head>

<body bgcolor= "#FFFFFF" topmargin = "2" leftmargin = "0">

<!-- Main Constructor Table -->
<table height = "605" cellspacing = "0" cellpadding = "0" align = "top" border = "0">
<tr>
<td>
<table width = "100%" cellspacing = "0" cellpadding= "0" border = "0">
<tr>
<td valign = "top" height = "100"><!-- spacer--></td>
</tr>
<tr>
<td valign = "top"><img src = "site_images/welcome_banner.jpg"></td>
</tr>
<tr>
<td><!-- Slate Holdings Incorporated -->
<a href="sections/slate_holdings_inc/blank.html" target="iframe" class="anchorclass" rel="SlateInc" rev="lr" onMouseOver="document.rollover1.src=image1b.src" onMouseOut="timedRoll1()">
<img src = "site_images/welcome_slateinc_off.jpg" border = "0" name = "rollover1"></a>
</td>
</tr>
<tr>
<td><!-- Slate Exploration-->
<a href="sections/slate_exploration/slate_exploration.html" class="anchorclass" rel="SlateExp" rev="lr" onMouseOver="document.rollover2.src=image2b.src" onMouseOut="timedRoll2()">
<img src = "site_images/welcome_slateexploration_off.jpg" border = "0" name = "rollover2"></a>
</td>
</tr>
<tr>
<td><!-- Slate Oilfield Services -->
<a href="" class="anchorclass" rel="SlateOil" rev="lr" onMouseOver="document.rollover3.src=image3b.src" onMouseOut="timedRoll3()">
<img src = "site_images/welcome_oilfield_off.jpg" border = "0" name = "rollover3"></a>
</td>
</tr>
<tr>
<td><!-- Emerald Leasing -->
<a href="sections/emerald_leasing/emerald_leasing.html" class="anchorclass" rel="Emerald" rev="lr" onMouseOver="document.rollover4.src=image4b.src" onMouseOut="timedRoll4()">
<img src = "site_images/welcome_emerald_off.jpg" border = "0" name = "rollover4"></a>
</td>
</tr>
</table>
</td>

<td valign= "top">
<!-- IFRAME -->
<iframe width= "650" height = "605" scrolling = "no" frameborder = "0" src = "sections/slate_holdings_inc/blank.html" name="iframe"></iframe>

<!-- End IFRAME -->
</td>
</tr>
</table>


<!-- Menu Parameters -->
<div id="SlateInc" class="anylinkcss" style="width: 200px; background-color:#404040">
<ul>
<li><font size = "1"><a href="sections/slate_holdings_inc/slate_inc_about.html" target="iframe">About Slate Holdings Inc.</a></li>
<li><font size = "1"><a href="http://www.msnbc.com">Officers/Directors</a></li>
<li><font size = "1"><a href="http://www.google.com">Investor Relations</a></li>
<li><font size = "1"><a href="http://news.bbc.co.uk">Careers</a></li>
</ul>
</div>

<div id="SlateExp" class="anylinkcss" style="width: 200px; background-color:#404040">
<ul>
<li><font size = "1"><a href="http://www.google.com">About Slate Exploration</a></li>
<li><font size = "1"><a href="http://www.msnbc.com">Operating Areas</a></li>
<li><font size = "1"><a href="http://www.google.com">Contacts</a></li>
<li><font size = "1"><a href="http://news.bbc.co.uk">News</a></li>
<li><font size = "1"><a href="http://news.bbc.co.uk">Production Reports</a></li>
</ul>
</div>

<div id="SlateOil" class="anylinkcss" style="width: 200px; background-color:#404040">
<ul>
<li><font size = "1"><a href="http://www.google.com">About Oilfield Services</a></li>
<li><font size = "1"><a href="http://www.msnbc.com">Contact</a></li>
<li><font size = "1"><a href="http://www.google.com">Services</a></li>
</ul>
</div>

<div id="Emerald" class="anylinkcss" style="width: 200px; background-color:#404040">
<ul>
<li><font size = "1"><a href="http://www.google.com">About Emerald Leasing</a></li>
<li><font size = "1"><a href="http://www.msnbc.com">News</a></li>
<li><font size = "1"><a href="http://www.google.com">Contacts</a></li>
<li><font size = "1"><a href="http://news.bbc.co.uk">Land/ Leasing FAQ</a></li>
<li><font size = "1"><a href="http://www.google.com">Have Land to Lease?</a></li>
</ul>
</div>

<!-- End Menu Parameters -->

<script type="text/javascript">

//anylinkcssmenu.init("menu_anchors_class") //call this function at the very *end* of the document!
anylinkcssmenu.init("anchorclass")
</script>


</body>
</html>



Any help is appreciated, I have been told that the server that the website is hosted on will be down tomorrow May 2nd, so any help before then would be great!

xBrandon

ddadmin
05-02-2009, 06:25 AM
I gather this issue doesn't happen with the DD demo for you, but is specific to your own page? If so, what happens if you remove the IFRAME from the page:


<!-- IFRAME -->
<iframe width= "650" height = "605" scrolling = "no" frameborder = "0" src = "sections/slate_holdings_inc/blank.html" name="iframe"></iframe>

<!-- End IFRAME -->

shelflife
05-02-2009, 03:44 PM
Sadly, removing the iframe didn't do anything to fix the problem. Also, I have checked the DD demo of it and it works fine for me :(