Done, but with errors

Question

cnl83 0 Newbie Poster

21 Years Ago

Im not sure what is going here. I stared and stared, but nothing. I would appreciate any help in advance. Im working on lukemeaux.com. If you click on sports, or one of the other links, wait for the page to load, then mouse over wild thigns...you will see the error come up at the bottom. I need to resolve this error. The my mouseover dont work. Im not an ASP programmer, but I do php a bit.

Thanks for your help

p.s. below is my code for the navigation system.

<html>
<head>
<title>Lukemeaux.com - Premium Graphic T-Shirts Store</title>
<meta name="description" content="lumemeaux.com offers premium graphic t-shirts">
<meta name="keywords" content="graphic t-shirts">
<meta name="revisit-after" content="7 days">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="/main.css">
<script language="Javascript" type="text/javascript" src="/main.js"></script>
</head>
<body rightmargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preimg();" style="background-image: url('/images/sideTopBG.gif'); background-repeat: repeat">
<table cellpadding="0" cellspacing="0" border="0" align="center" height="100%">
 <tr>
  <td><img src="/images/white.gif" width="1" height="100%"></td>
  <td>
	<table cellpadding="0" cellspacing="0" border="0" align="center" height="100%">
	 <tr>
	 <td>
	  <table cellpadding="0" cellspacing="0" border="0" height="100%">
	   <tr>
		<td valign="top">
		 <table border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
		  <tr>
		   <td><a href="/index.asp"><img src="/images/logo.gif" width="144"  height="64" alt="Lukemeaux.com"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=32" onMouseOut="ci('biker','/images/biker.gif')" onMouseOver="ci('biker','/images/biker1.gif')"><img src="/images/biker.gif" width="144"  height="22" name="biker"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=34" onMouseOut="ci('brand','/images/brand.gif')" onMouseOver="ci('brand','/images/brand1.gif')"><img src="/images/brand.gif" name="brand" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=35" onMouseOut="ci('cajun','/images/cajun.gif')" onMouseOver="ci('cajun','/images/cajun_over.gif')"><img src="/images/cajun.gif" name="cajun" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=31" onMouseOut="ci('feelin_lucky','/images/lucky.gif')" onMouseOver="ci('feelin_lucky','/images/lucky_over.gif')"><img src="/images/lucky.gif" name="feelin_lucky"  width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=29" onMouseOut="ci('hotties','/images/hotties.gif')" onMouseOver="ci('hotties','/images/hotties1.gif')"><img src="/images/hotties.gif" name="hotties" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=28" onMouseOut="ci('hunks','/images/hunks.gif')" onMouseOver="ci('hunks','/images/hunks1.gif')"><img src="/images/hunks.gif" name="hunks" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=33" onMouseOut="ci('kids','/images/kids.gif')" onMouseOver="ci('kids','/images/kids1.gif')"><img src="/images/kids.gif" name="kids" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=36" onMouseOut="ci('mardi','/images/mardi.gif')" onMouseOver="ci('mardi','/images/mardi1.gif')"><img src="/images/mardi.gif" name="mardi" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=38" onMouseOut="ci('meaux','/images/meaux.gif')" onMouseOver="ci('meaux','/images/meaux1.gif')"><img src="/images/meaux.gif" name="meaux" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=37" onMouseOut="ci('out','/images/out.gif')" onMouseOver="ci('out','/images/out1.gif')"><img src="/images/out.gif" name="out" width="144"  height="22"></a></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=30" onMouseOut="ci('sports','/images/sports.gif')" onMouseOver="ci('sports','/images/sports1.gif')"><img src="/images/sports.gif" name="sports" width="144"  height="22"></a></td>
		  </tr>
        <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
        <tr>
		   <td><a href="/store/listCategoriesAndProducts.asp?idCategory=39" onMouseOut="ci('Wild Side','/images/wildside.gif')" onMouseOver="ci('Wild Side','/images/wildSide1.gif')"><img src="/images/wildside.gif" name="sports" width="144"  height="22"></a></td>
		  </tr>
        <tr>
		   <td bordercolor="#FFFFFF" bgcolor="#C0F96C"> <p style="word-spacing: 0; margin: 0"><img src="../images/custom.jpg" width="144" height="52"></p>
            </td>
		  </tr>
        <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/sideTopBG.gif" width="100%" height="1"></td>
		  </tr>
		  <tr>
		   <td><img src="/images/white.gif" width="100%" height="1"></td>
		  </tr>
		 </table>
		</td>
		<td><img src="/images/white.gif" width="1" height="100%"></td>
		<td valign="top" bgcolor="#ffffff">
		 <table cellpadding="0" cellspacing="0" border="0">
		  <tr >
		   <td align="left" valign="bottom" style="background-image: url('/images/sideTopBG.gif'); background-repeat: repeat"><img src="/images/sideTopBG.gif" height="35" width="1"><a href="/index.asp" onMouseOut="ci('home','/images/home.gif')" onMouseOver="ci('home','/images/home1.gif')"><img src="/images/home.gif" name="home"></a><a href="/ourCompany.asp" onMouseOut="ci('oCompany','/images/ourcompany.gif')" onMouseOver="ci('oCompany','/images/ourcompany1.gif')"><img src="/images/ourcompany.gif" name="oCompany"></a><a href="/store/customerRegistrationForm.asp" onMouseOut="ci('join','/images/join.gif')" onMouseOver="ci('join','/images/join1.gif')"><img src="/images/join.gif" name="join"></a><a href="/customerService.asp" onMouseOut="ci('customerservice','/images/customerservice.gif')" onMouseOver="ci('customerservice','/images/customerservice1.gif')"><img src="/images/customerservice.gif" name="customerservice"></a><a href="/contactUs.asp" onMouseOut="ci('contact','/images/contactus.gif')" onMouseOver="ci('contact','/images/contactus1.gif')"><img src="/images/contactus.gif" name="contact"></a>
		   </td>
		  </tr>
		  <tr >
		   <td align="left" valign="bottom" style="background-image: url('/images/sideTopBG.gif'); background-repeat: repeat"><a href="/store/customerAuthenticateForm.asp"  onMouseOut="ci('signin','/images/signIn.gif')" onMouseOver="ci('signin','/images/signIn1.gif')"><img src="/images/signIn.gif" name="signin"></a><a href="/store/showCart.asp"  onMouseOut="ci('cart','/images/shoppingbag.gif')" onMouseOver="ci('cart','/images/shoppingbag1.gif')"><img src="/images/shoppingbag.gif" name="cart"></a><a href="/promotions.asp"   onMouseOut="ci('promo','/images/specials.gif')" onMouseOver="ci('promo','/images/specials1.gif')"><img src="/images/specials.gif" name="promo"></a><!--<a href="customerService.asp"  onMouseOut="ci('cs','/images/cs.gif')" onMouseOver="ci('cs','/images/cs1.gif')"><img src="/images/cs.gif" name="cs" width="153"  height="27"></a>--><img src="/images/spacer2.gif" name="cs" width="153"  height="26"><img src="/images/corner.gif" width="127"  height="27"></td>
		  </tr>
		 <tr>
		  <td valign="bottom"><img src="/images/white.gif" width="100%" height="1"></td>
		 </tr>

classic-asp html-css javascript

2 Contributors
1 Reply
286 Views
2 Weeks Discussion Span
Latest Post 21 Years Ago Latest Post by senexom

Dani AI

Generated 9 Months Ago

Root cause (short): the hover function is trying to change an image that doesn’t exist in the DOM because the name/id passed to ci() doesn’t match the actual <img> element (and some arguments include spaces). As observed, this is a copy‑and‑paste/mismatch problem — when ci() looks up the image by name it returns undefined and any attempt to set .src throws the error you see. ’s code also has at least one duplicate name (e.g. sports used more than once), which makes lookup unreliable.

How to confirm quickly: open the browser console (F12), hover the offending menu and read the error text and line number. Inspect the anchor that caused it and compare the first parameter passed to ci(...) with the name or id on the <img>. Look for spaces, different capitalization, or duplicated names.

Two practical fixes (pick one):

Minimal, safe fix: make ci() tolerant so it finds the target image by id, then name, then getElementsByName, and only changes .src if an element is found. That prevents the runtime error if something is mismatched.

function ci(name, src) {
  var img = document.getElementById(name) || document.images[name] || document.getElementsByName(name)[0];
  if (img) img.src = src;
}

Recommended modern fix: stop relying on global name lookups and either give every img a unique id or pass the element directly. For example attach handlers (or use addEventListener) and change the img under the link via DOM traversal — or better yet, use CSS hover or image sprites so no JS is needed at all.

Quick checklist: make names/ids unique, remove spaces (use dashes/underscores), or switch to ids, update the ci() calls to match, and recheck the console. That will eliminate the mouseover error and stabilize the navigation.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

senexom 1 Junior Poster in Training · Answer 1 · 2005-07-27T00:48:59+00:00

This post needs to be in the JavaScript forum... But to give you a heads up it has to do with the way your mouseOver and MouseOut methods are done...

<!-- your code -->
<a href="/store/listCategoriesAndProducts.asp?idCategory=39" onMouseOut="ci('Wild Side','/images/wildside.gif')" onMouseOver="ci('Wild Side','/images/wildSide1.gif')"><img src="/images/wildside.gif" name="sports" width="144"  height="22"></a>

<!-- my guess -->
<a href="/store/listCategoriesAndProducts.asp?idCategory=39" onMouseOut="ci('[b]wildside[/b]','/images/wildside.gif')" onMouseOver="ci('[b]wildside[/b]','/images/wildSide1.gif')"><img src="/images/wildside.gif" name="[b]wildside[/b]" width="144"  height="22"></a>

What you have here is copy and paste problem at least look at the pattern of those buttons man! :lol: