Primero creo un control que contiene la imagen y la funcion para ir creando los menus. el control se llama Mnu_cor. Tengo tantos como tipos de usuario.
Esto es algo del codigo que tiene este control (ascx) El encabezado de HTML, la funcion mmLoadMenus que no la puse completa pero es mas o menos lo mismo y finalmente donde se especifica el mapa para la imagen
<html>
<head>
<title>Menu_Coord</title>
function mmLoadMenus() {
if (window.mm_menu_0719165420_0) return;
window.mm_menu_0719165420_0 = new Menu("root",139,23,"Verdana, Arial, Helvetica, sans-serif",11,"#6699cc","#cccccc","#cccccc","#0000ff", "left","middle",2,0,100,0,0,true,true,true,0,true, false);
mm_menu_0719165420_0.addMenuItem("Cambiar con traseña","window.open('SICFC095.aspx', 'mainFrame');");
mm_menu_0719165420_0.addMenuItem("Manual de&n bsp;Usuario","window.open('manual_cor.aspx', 'mainFrame');");
mm_menu_0719165420_0.fontWeight="bold";
mm_menu_0719165420_0.hideOnMouseOut=true;
mm_menu_0719165420_0.menuBorder=0;
mm_menu_0719165420_0.menuLiteBgColor='#ffffff';
mm_menu_0719165420_0.menuBorderBgColor='#555555';
mm_menu_0719165420_0.bgColor='#000000';
window.mm_menu_0013003902_0_1 = new Menu("Clasificar Depreciación",148,23, "Verdana, Arial, Helvetica, sans-serif",11,"#6699cc","#cccccc","#cccccc","#0000ff", "left","middle",2,0,100,0,0,true,true,true,0,true, false);
mm_menu_0013003902_0_1.addMenuItem("Por Depar tamento","window.open('SIDEG005.aspx', 'mainFrame');");
mm_menu_0013003902_0_1.addMenuItem("Por Regis tro","window.open('SIDEG010.aspx', 'mainFrame');");
mm_menu_0013003902_0_1.addMenuItem("Clasificaci&oa cute;n Anterior","window.open('SIDEG015.aspx' , 'mainFrame');");
mm_menu_0013003902_0_1.fontWeight="bold";
mm_menu_0013003902_0_1.hideOnMouseOut=true;
mm_menu_0013003902_0_1.menuBorder=0;
mm_menu_0013003902_0_1.menuLiteBgColor='#ffffff';
mm_menu_0013003902_0_1.menuBorderBgColor='#555555' ;
mm_menu_0013003902_0_1.bgColor='#000000';
} // mmLoadMenus()
</script>
<script language="JavaScript1.2" src="Imagenes/menu/mm_menu.js"></script>
</head>
<body bgcolor="#ffffff">
<script language="JavaScript1.2">mmLoadMenus();</script>
<img name="Menu_Coord" src="Imagenes/menu/Menu_Coord.gif" width="150" height="439" border="0"
usemap="#m_Menu_Coord" alt=""><map name="m_Menu_Coord">
<area shape="poly" coords="33,372,132,372,132,390,33,390,33,372" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0719165420 _0,131,372,null,'Menu_Coord');">
<area shape="poly" coords="13,180,113,180,113,198,13,198,13,180" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0013003902 _0,150,176,null,'Menu_Coord');">
<area shape="poly" coords="90,422,150,422,150,439,90,439,90,422" href="SALIDA.aspx" target="_parent"
alt="">
<area shape="poly" coords="19,16,138,16,138,33,19,33,19,16" href="../SicotraI/Main.aspx"
target="_parent" alt="">
<area shape="poly" coords="13,338,113,338,113,356,13,356,13,338" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0015191526 _0,149,337,null,'Menu_Coord');">
<area shape="poly" coords="28,223,130,223,130,241,28,241,28,223" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0606122706 _1,150,218,null,'Menu_Coord');">
<area shape="poly" coords="25,301,127,301,127,318,25,318,25,301" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0606121712 _2,150,298,null,'Menu_Coord');">
<area shape="poly" coords="14,262,114,262,114,280,14,280,14,262" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0606113653 _3,150,256,null,'Menu_Coord');">
<area shape="poly" coords="35,140,135,140,135,157,35,157,35,140" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0606105058 _5,150,136,null,'Menu_Coord');">
<area shape="poly" coords="15,102,114,102,114,119,15,119,15,102" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0606102811 _6,151,100,null,'Menu_Coord');">
<area shape="poly" coords="31,61,131,61,131,79,31,79,31,61" href="#" alt="" onMouseOut="MM_startTimeout();"
onMouseOver="MM_showMenu(window.mm_menu_0013003922 _7,149,56,null,'Menu_Coord');">
</map>
</body>
</html>
Despues tengo otro control que tiene todos los controles para los difernetes tipos de usuarios y pone visible al que le corresponde cuando un usuario se logea, este control tiene este codigo html
<%@ Control CodeBehind="MenuI.ascx.vb" Language="vb" AutoEventWireup="false" Inherits="Sicotra.MenuI" %>
<%@ Register TagPrefix="uc1" TagName="Menu_des" Src="Menu_des.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_Admin" Src="Menu_Admin.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_AdmTI" Src="Menu_AdmTI.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_AsisA" Src="Menu_AsisA.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_AsisC" Src="Menu_AsisC.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_Consu" Src="Menu_Consu.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_Coord" Src="Menu_Coord.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Menu_Gerencia" Src="Menu_Gerencia.ascx" %>
<uc1:Menu_Admin id="Menu_Admin1" runat="server" Visible="False"></uc1:Menu_Admin>
<uc1:Menu_AdmTI id="Menu_AdmTI1" runat="server" Visible="False"></uc1:Menu_AdmTI>
<uc1:Menu_AsisA id="Menu_AsisA1" runat="server" Visible="False"></uc1:Menu_AsisA>
<uc1:Menu_AsisC id="Menu_AsisC1" runat="server" Visible="False"></uc1:Menu_AsisC>
<uc1:Menu_Consu id="Menu_Consu1" runat="server" Visible="False"></uc1:Menu_Consu>
<uc1:Menu_Coord id="Menu_Coord1" runat="server" Visible="False"></uc1:Menu_Coord>
<uc1:Menu_Gerencia id="Menu_Gerencia1" runat="server" Visible="False"></uc1:Menu_Gerencia>
<uc1:Menu_des id="Menu_des1" runat="server" Visible="False"></uc1:Menu_des>
Finalmente existe una pagina .aspx que tiene una tabla con dos columnas
la primera tiene el control contenedor y la segunda columna los controles necesarios este es el ej.
<HTML>
<HEAD>
<title>SICFC005</title>
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta
</HEAD>
<body background="Imagenes/BackG.gif">
<FORM id="Form1" method="post" runat="server">
<STRONG><FONT color="navy" size="5">
<P align="center">
<TABLE id="Table2" cellSpacing="1" cellPadding="1" width="835" align="center" border="0"
style="WIDTH: 835px; HEIGHT: 217px">
<TBODY>
<TR>
<TD vAlign="top" align="left" width="20%"><uc1:menui id="MenuI1" runat="server"></uc1:menui></TD>
<TD width="80%">
<P align="center"><FONT size="5"><STRONG><asp:label id="lbl_titulo" runat="server" ForeColor="Navy">REGIONES</asp:label></STRONG></FONT><FONT size="5">
</FONT>
</P>
<P align="center">
<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="428" border="0" style="WIDTH: 428px; HEIGHT: 51px">
<TR>
<TD style="WIDTH: 82px">
<P align="justify"><asp:label id="lbl_clave" runat="server" Font-Size="Small" Font-Names="Batang">Clave:</asp:label></P>
</TD>
<TD><asp:textbox id="txt_clave" tabIndex="1" runat="server" EnableViewState="False" Width="88px"
MaxLength="6" ToolTip="Clave"></asp:textbox>
<asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" ErrorMessage="*" ControlToValidate="txt_clave"></asp:RequiredFieldValidator></TD>
</TR>
<TR>
<TD style="WIDTH: 82px"><asp:label id="lbl_nombre" runat="server" Font-Size="Small" Font-Names="Batang">Nombre:</asp:label></TD>
<TD><asp:textbox id="txt_nombre" tabIndex="2" runat="server" EnableViewState="False" Width="315px"
MaxLength="40" ToolTip="Nombre o Descripción"></asp:textbox>
<asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server" ErrorMessage="*" ControlToValidate="txt_nombre"></asp:RequiredFieldValidator></TD>
</TR>
</TABLE>
</P>
<P align="center">
<HR style="WIDTH: 64.71%; HEIGHT: 1px" width="64.71%" color="#778899" SIZE="1">
<P></P>
<P></P>
<P align="center"><asp:button id="btn_aceptar" tabIndex="3" runat="server" ForeColor="Navy" Font-Bold="True" Text="Aceptar"
ToolTip="Aceptar"></asp:button> &nb sp;
<asp:button id="btn_cancelar" tabIndex="4" runat="server" ForeColor="Navy" Font-Bold="True"
Text="Cancelar" CausesValidation="False" ToolTip="Cancelar"></asp:button></P>
<P align="center"><asp:label id="lbl_bien" runat="server" ForeColor="#C00000" Font-Bold="True"></asp:label><asp:label id="lbl_error" runat="server" ForeColor="#C00000" Font-Bold="True"></asp:label></P>
</TD>
</TR>
</FONT></STRONG></TBODY></TABLE></P></FORM>
</body>
</HTML>
Mil gracias