954,604 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article
4 Years Ago
0

over image not working

Help I need your advice please!

My Problem:
I have created a navigation bar in Dreamweaver MX, using the INSERT NAVIGATION BAR tool. I have used a different files for both up & over images in each case. Everything works apart from one called LINKS. I have checked it in both SAFARI and IE, but when you mouse-over LINKS, instead of the image changing it remains the same.

Here is the code that DW generated, the top part is the problematic bit the bottom works OK:

<td width="57"><a href="links.html" target="_top" onclick="MM_nbGroup('down','group1','links','images/menu_bar_06.jpg',1)" onmouseover="MM_nbGroup('over','links','images/menu_bar_overs_06.jpg','images/menu_bar_06.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_06.jpg" alt="links" name="links" width="57" height="35" border="0" id="links" onload="" /></a></td>

<td width="106"><a href="term_dates.html" target="_top" onclick="MM_nbGroup('down','group1','termdates','images/menu_bar_07.jpg',1)" onmouseover="MM_nbGroup('over','termdates','images/menu_bar_overs_07.jpg','images/menu_bar_07.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_07.jpg" alt="termdates" name="termdates" width="106" height="35" border="0" id="termdates" onload="" /></a></td>


A few points:
The 2 images used are definetly different.
I tested it in a different file - same problem.
I tested it so that the 2 image files were swapped around ie up image was used in place of over and over image was used for the up image - same problem.

jhatter
Newbie Poster
5 posts since Mar 2008
Reputation Points: 10
Solved Threads: 0
 
4 Years Ago
0
<script language="JavaScript">
function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
</script>
<body>
    <a onmouseover="MM_swapImage('Image1','','images/menu_bar_overs_06.jpg',1)" onmouseout="MM_swapImgRestore()" href="term_dates.html" ><img id="Image1" 
      height=24 alt="" src="images/menu_bar_06.jpg" width=125 border=0 name=Image1></a>
</body>

try this

i hope this works fine.

aravelli
Newbie Poster
21 posts since Feb 2008
Reputation Points: 10
Solved Threads: 2
 
4 Years Ago
0

Thank you very much aravelli, I can get the link to work in isolation with your new code, but not in the file, which includes other code. Please could you make the changes to the code below. Hopefully then I will be able to copy & paste to all the site documents which include the site nav bar.

The problem link is the one called LINKS (menu_bar_overs_06.jpg), between CURRICULUM and TERM DATES.

FYI this is for my 3 year old's nursery website which I am doing as a favour for them.

Kind regards

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
<link href="maples.css" rel="stylesheet" type="text/css" />
</head>

<Body link="#000066" onload="MM_preloadImages('images/menu_bar_09.jpg','images/menu_bar_overs_09.jpg','images/menu_bar_10.jpg','images/menu_bar_overs_10.jpg','images/menu_bar_04.jpg','images/menu_bar_overs_04.jpg','images/menu_bar_05.jpg','images/menu_bar_overs_05.jpg','images/menu_bar_06.jpg','images/menu_bar_overs_06.jpg','images/menu_bar_07.jpg','images/menu_bar_overs_07.jpg')">
<table width="760" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="43" height="77">&nbsp;</td>
    <td height="77" colspan="3" align="left" valign="bottom"> <table width="691" height="77" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="148" height="77"><img src="images/maples_logo_combined.jpg" alt="mapleslogo" name="logo" width="148" height="77" id="logo" /></td>
          <td height="77" valign="bottom"> <table border="0" align="left" cellpadding="0" cellspacing="0">
              <tr> 
                <td width="97"><a href="under 3s.html" target="_top" onclick="MM_nbGroup('down','group1','under3s','images/menu_bar_09.jpg',1)" onmouseover="MM_nbGroup('over','under3s','images/menu_bar_overs_09.jpg','images/menu_bar_09.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_09.jpg" alt="under3s" name="under3s" width="97" height="34" border="0" id="under3s" onload="" /></a></td>
                <td width="80"><a href="over 3s.html" target="_top" onclick="MM_nbGroup('down','group1','over3s','images/menu_bar_10.jpg',1)" onmouseover="MM_nbGroup('over','over3s','images/menu_bar_overs_10.jpg','images/menu_bar_10.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_10.jpg" alt="over3s" name="over3s" width="80" height="34" border="0" id="over3s" onload="" /></a></td>
                <td width="91"><a href="applying.html" target="_top" onclick="MM_nbGroup('down','group1','applying','images/menu_bar_04.jpg',1)" onmouseover="MM_nbGroup('over','applying','images/menu_bar_overs_04.jpg','images/menu_bar_04.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_04.jpg" alt="applying" name="applying" width="91" height="35" border="0" id="applying" onload="" /></a></td>
                <td width="106"><a href="curriculum.html" target="_top" onclick="MM_nbGroup('down','group1','curriculum','images/menu_bar_05.jpg',1)" onmouseover="MM_nbGroup('over','curriculum','images/menu_bar_overs_05.jpg','images/menu_bar_05.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_05.jpg" alt="curriculum" name="curriculum" width="106" height="35" border="0" id="curriculum" onload="" /></a></td>

                <td width="57"><a href="links.html" target="_top" onclick="MM_nbGroup('down','group1','links','images/menu_bar_06.jpg',1)" onmouseover="MM_nbGroup('over','links','images/menu_bar_overs_06.jpg','images/menu_bar_06.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_06.jpg" alt="links" name="links" width="57" height="35" border="0" id="links" onload="" /></a></td>

                <td width="106"><a href="term_dates.html" target="_top" onclick="MM_nbGroup('down','group1','termdates','images/menu_bar_07.jpg',1)" onmouseover="MM_nbGroup('over','termdates','images/menu_bar_overs_07.jpg','images/menu_bar_07.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu_bar_07.jpg" alt="termdates" name="termdates" width="106" height="35" border="0" id="termdates" onload="" /></a></td>
              </tr>
jhatter
Newbie Poster
5 posts since Mar 2008
Reputation Points: 10
Solved Threads: 0
 
4 Years Ago
0

can you please check the two images again.

nothing wrong in this.

i think unfortunately the names of the images may change.

aravelli
Newbie Poster
21 posts since Feb 2008
Reputation Points: 10
Solved Threads: 2
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
 
© 2012 DaniWeb® LLC
Home | About Us | Contact Us | Terms of Service | Advertising Opportunities
RSS Feed RSS Feed