HTML Forum

**fgiwebmaster** · 12-02-2004, 11:12 AM

Hello!

I am redesigning our website and need some assistance. I built some pop-up menus in Fireworks MX and imported them into Dreamweaver MX. However, when I load the page it only recognizes the 3rd button menu and applies that menu to all the buttons. How can I tell it to keep the menus seperate. Thanks alot!

Here is the url: www.fgispirit.org/index-newest.htm

**NateDogg** · 12-02-2004, 11:49 PM

I've done a little bit to your code, it hasn't made it work yet, but makes it better. You don't need image maps when you're linking then entire image. Use the <a> tag.

Here's new code

Code:

    <td align="left" width="30%">
      <p>
          <script language="javascript1.2">mmLoadMenus();</script>
      
      	  <p><a href="#"><img name="whoweare" src="images/whoweare.gif" width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'whoweare');"></a></p>
	  <p><a href="#"><img name="whatwedo" src="images/whatwedo.gif" width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'whatwedo');"></a></p>
	  <p><a href="#"><img name="globalreality" src="images/globalreality.gif" width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'globalreality');"></a></p>
      </p>
    </td>

instead of

Code:

  <td align="left" width="30%">
      <p><script language="javascript1.2">mmLoadMenus();</script><img name="whoweare" src="images/whoweare.gif" width="175" height="75" border="0" usemap="#m_whoweare" alt=""></p>
	  <p><img name="whatwedo" src="images/whatwedo.gif" width="175" height="75" border="0" usemap="#m_whatwedo" alt=""></p>
	  <p><img name="globalreality" src="images/globalreality.gif" width="175" height="75" border="0" usemap="#m_globalreality" alt=""></p>
	  <p>	  
	    <map name="m_whoweare">

	      <area shape="circle" coords="36,20,156,83" href="#" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'whoweare');"  >
        </map>
	    <map name="m_whatwedo">
	      <area shape="circle" coords="36,20,156,83" href="#" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'whatwedo');"  >
        </map>
	    <map name="m_globalreality">
	      <area shape="circle" coords="36,20,156,83" href="#" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'globalreality');"  >
        </map>
      </p></td>

I'll continue to look and see what I can find

**NateDogg** · 12-02-2004, 11:57 PM

Fixed it.

What was happening in your javascript was that the menu was continuesly getting overwritten You were using the same variable for each menu so only the last menu written was being outputted. Also you were calling the same menu from each image. Use this code now.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FGISpirit&FGI International</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function mmLoadMenus() {
  if (window.mm_menu_0002090445_0) return;
  window.mm_menu_0002090445_0 = new Menu("root",242,24,"Verdana, Arial, Helvetica, sans-serif",18,"#ffffff","#000066","#01699e","#ffffff","center","middle",3,0,1000,-5,16,true,true,true,0,true,true);
  mm_menu_0002090445_0.addMenuItem("Our&nbsp;Founders","window.open('#', '_blank');");
  mm_menu_0002090445_0.addMenuItem("Our&nbsp;Colleagues","window.open('#', '_blank');");
  mm_menu_0002090445_0.addMenuItem("Our&nbsp;Affiliations","location='#'");
   mm_menu_0002090445_0.bgImageUp="images/mmmenu1_242x24_up.gif";
   mm_menu_0002090445_0.bgImageOver="images/mmmenu1_242x24_over.gif";
   mm_menu_0002090445_0.fontWeight="bold";
   mm_menu_0002090445_0.hideOnMouseOut=true;
   mm_menu_0002090445_0.bgColor='#000033';


 if (window.mm_menu_0002090445_1) return;
  window.mm_menu_0002090445_1 = new Menu("root",242,24,"Verdana, Arial, Helvetica, sans-serif",18,"#ffffff","#000066","#01699e","#ffffff","center","middle",3,0,1000,-5,16,true,true,true,0,true,true);
  mm_menu_0002090445_1.addMenuItem("FGISpirit","window.open('#', '_blank');");
  mm_menu_0002090445_1.addMenuItem("FGI&nbsp;International","window.open('#', '_blank');");
  mm_menu_0002090445_1.addMenuItem("Influence&nbsp;Focus","location='#'");
   mm_menu_0002090445_1.bgImageUp="images/mmmenu1_242x24_up.gif";
   mm_menu_0002090445_1.bgImageOver="images/mmmenu1_242x24_over.gif";
   mm_menu_0002090445_1.fontWeight="bold";
   mm_menu_0002090445_1.hideOnMouseOut=true;
   mm_menu_0002090445_1.bgColor='#000033';


  
  if (window.mm_menu_0002090445_2) return;
  window.mm_menu_0002090445_2 = new Menu("root",242,24,"Verdana, Arial, Helvetica, sans-serif",18,"#ffffff","#000066","#01699e","#ffffff","center","middle",3,0,1000,-5,16,true,true,true,0,true,true);
  mm_menu_0002090445_2.addMenuItem("Russia&nbsp;&amp;Us","window.open('#', '_blank');");
  mm_menu_0002090445_2.addMenuItem("Our&nbsp;China&nbsp;Experience","window.open('#', '_blank');");
  mm_menu_0002090445_2.addMenuItem("Global&nbsp;Reality","location='#'");
   mm_menu_0002090445_2.bgImageUp="images/mmmenu1_242x24_up.gif";
   mm_menu_0002090445_2.bgImageOver="images/mmmenu1_242x24_over.gif";
   mm_menu_0002090445_2.fontWeight="bold";
   mm_menu_0002090445_2.hideOnMouseOut=true;
   mm_menu_0002090445_2.bgColor='#000033';

  mm_menu_0002090445_0.writeMenus();
  mm_menu_0002090445_1.writeMenus();
  mm_menu_0002090445_2.writeMenus();
} // mmLoadMenus()
//-->

</script>
<script language="JavaScript1.2" src="images/mm_menu.js"></script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/fgis_globe.jpg" width="100" height="100" align="right"></td>
    <td  align="center" width="50%"><font face="Abadi MT Condensed Extra Bold" color="#00689D" size="+3">FGISpirit & FGI
        International</font><br>
        <font face="BernhardMod BT" color="#00689D"><b>1313 Leavenworth
        Street<br>

        Omaha, Nebraska 68102 USA<br>
        402.341.9077<br>
        fgi1313@aol.com</b></font></td>
    <td><img src="images/fgi_globe.jpg" width="120" height="100" align="left"></td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10" bgcolor="D7DBFA">
  <tr bgcolor="00689D">

    <td><marquee>
      <font face="Trebuchet MS" color="#FFFFFF" size="+2">Bringing
      Spirit to Leadership 2005-2006 . . . COMING SOON!</font>
    </marquee></td>
  </tr>
</table>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td></td>
    <td>&nbsp;</td>

  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
  <tr bgcolor="D7DBFA">
    <td align="center" width="20%"><a href="whats_new.htm"><img src="images/buttonwhatsnew.jpg"></a><br>
        <br>
        <a href="recenthappenings.htm"><img src="images/buttonrecenthappenings.jpg"></a></td>
    <td align="center" width="50%"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" align="middle">
        <param name="movie" value="untitled.swf">
        <param name="quality" value="high">

        <param name="BGCOLOR" value="#D7DBFA">
        <embed src="untitled.swf" width="600" height="400" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#D7DBFA"></embed>
    </object></td>
    <td align="left" width="30%">
      <p>
          <script language="javascript1.2">mmLoadMenus();</script>
      
      	  <p><a href="#"><img name="whoweare" 		src="images/whoweare.gif" 	width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_0,156,20,null,'whoweare');"></a></p>
	  <p><a href="#"><img name="whatwedo" 		src="images/whatwedo.gif" 	width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_1,156,20,null,'whatwedo');"></a></p>
	  <p><a href="#"><img name="globalreality" 	src="images/globalreality.gif" 	width="175" height="75" border="0" alt="" onMouseOut="MM_startTimeout();"  onMouseOver="MM_showMenu(window.mm_menu_0002090445_2,156,20,null,'globalreality');"></a></p>
      </p>
    </td>

  </tr>
</table>
<br>
<br>
<table width="100%" cellspacing="0" cellpadding="5">
  <tr bgcolor="#00689D">
    <td width="50%" align="left" valign="middle"><FORM method=GET action="http://www.google.com/search">
        <TABLE bgcolor="00689D">
          <tr>
            <td>
              <INPUT TYPE=text name=q size=31 maxlength=255 value="">

              <INPUT type=submit name=btnG VALUE="Search">
              <font size=4>
              <input type=hidden name=domains value="FGISpirit.org">
              <br>
              <input type=radio name=sitesearch value="FGISpirit.org" checked>
              FGISpirit.org
              <input type=radio name=sitesearch value="">
              WWW<br>
            </font> </td>

          </tr>
        </TABLE>
    </FORM></td>
    <td width="50%" align="right"><a href="_cgi/formmail/fgimailform.html"><img src="images/buttoncontact.jpg" height="35" width="105"></a></td>
  </tr>
</table>

</body>
</html>

any more Q's?? PM me.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!