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/dynamici...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:

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:

Code:

		<!-- 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

Thread: AnyLink CSS Menu v2.0 not working in IE -- HELP!

Thread Tools

Search Thread

AnyLink CSS Menu v2.0 not working in IE -- HELP!

Bookmarks

Bookmarks

Posting Permissions