<HTML>
<BR>
<HEAD>
<BR>
<TITLE>Ejemplo de los distintos tipos de Menúes</TITLE>
</p>
<p><SCRIPT LANGUAGE="JavaScript1.2" SRC="ejemplos/menu.js">
</SCRIPT>
</p>
<p><SCRIPT LANGUAGE="JavaScript1.2">
<BR><!--<BR>
function onLoad(){
 <BR>loadMenus();<BR>
}
</p>
<p>
function loadMenus() {
<BR>    //Dynamic Menus
<BR>    window.myMenu = new Menu();
<BR>    myMenu.addMenuItem("my menu item A");<BR>    myMenu.addMenuItem("my menu item B");<BR>    myMenu.addMenuItem("my menu item C");<BR>    myMenu.addMenuItem("my menu item D");
</p><p>    window.myMenu2 = new Menu("Example 2");
<BR>    myMenu2.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");
<BR>    myMenu2.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");
<BR>    myMenu2.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    myMenu2.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");</p><p>    window.myMenu3 = new Menu("Colors");<BR>    myMenu3.addMenuItem("Red", "document.bgColor='red'");
<BR>    myMenu3.addMenuItem("Green", "document.bgColor='green'");
<BR>    myMenu3.addMenuItem("Blue", "document.bgColor='blue'");
<BR>    myMenu3.addMenuItem("White", "document.bgColor='white'");
<BR>    myMenu3.menuHiliteBgColor = "#6699CC";
</p><p>    window.myMenu4 = new Menu("Example 4");
<BR>    myMenu4.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    myMenu4.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");
<BR>    myMenu4.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    myMenu4.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");<BR>    myMenu4.menuItemBgColor = "yellow";
<BR>    myMenu4.fontColor = "blue";</p><p>    window.myMenu5 = new Menu("Example 5");<BR>    myMenu5.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    myMenu5.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");<BR>    myMenu5.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    myMenu5.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");<BR>    myMenu5.menuItemBgColor = "#8B0000";
<BR>    myMenu5.menuHiliteBgColor = "#000084";
<BR>    myMenu5.menuItemHeight = 25;
<BR>    myMenu5.fontSize = 18;
<BR>    myMenu5.fontWeight = "Bold";<BR>    myMenu5.fontColor = "white";
<BR>    myMenu5.bgColor = "#CDB79E";</p><p>    window.myMenu6 = new Menu("Example 6");<BR>    myMenu6.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    myMenu6.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");<BR>    myMenu6.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    myMenu6.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");</p><p>    window.mySubMenu7 = new Menu("JavaScript");<BR>    mySubMenu7.addMenuItem("JavaScript 1.0", "top.window.location='http://developer.netscape.com'");<BR>    mySubMenu7.addMenuItem("JavaScript 1.1", "top.window.location='http://developer.netscape.com'");<BR>    mySubMenu7.addMenuItem("JavaScript 1.2", "top.window.location='http://developer.netscape.com'");<BR>    mySubMenu7.menuHiliteBgColor = "pink";</p><p>    window.myMenu7 = new Menu("Technologies");<BR>    myMenu7.addMenuItem("Dynamic HTML", "top.window.location='http://developer.netscape.com'");<BR>    myMenu7.addMenuItem("Java", "top.window.location='http://home.netscape.com'");<BR>    myMenu7.addMenuItem(mySubMenu7);<BR>    myMenu7.addMenuItem("Plug-ins", "top.window.location='http://home.netscape.com'");</p><p>    window.myMenu8 = new Menu("Example 8");<BR>    myMenu8.addMenuItem(myMenu2);<BR>    myMenu8.addMenuItem(myMenu3);<BR>    myMenu8.addMenuItem(myMenu4);<BR>    myMenu8.addMenuItem(myMenu5);<BR>    myMenu8.addMenuItem(myMenu7);</p><p>    window.mozilla = new Menu("Mozilla");<BR>    mozilla.addMenuItem("Mozilla.org", "top.window.location='http://www.mozilla.org'");<BR>    mozilla.addMenuItem("Projects", "http://www.mozilla.org/projects.html'");<BR>    mozilla.addMenuItem("Source Code", "top.window.location='http://www.mozilla.org/source-code.html'");<BR>    mozilla.menuHiliteBgColor = "red";</p><p>    window.search = new Menu("Search");<BR>    search.addMenuItem("Net Search", "top.window.location='http://home.netscape.com/escapes/search'");<BR>    search.addMenuItem("Excite", "top.window.location='http://www.excite.com'");<BR>    search.addMenuItem("Infoseek", "top.window.location='http://www.infoseek.com'");<BR>    search.addMenuItem("Lycos", "top.window.location='http://www.lycos.com'");<BR>    search.addMenuItem("Yahoo", "top.window.location='http://www.yahoo.com'");<BR>    search.menuHiliteBgColor = "yellow";</p><p>    window.mBlack = new Menu("Black");<BR>    mBlack.addMenuItem("Technical Manuals", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/manuals/doclist.html'");<BR>    mBlack.addMenuItem("Sample Code", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/examples/examples.html'");<BR>    mBlack.addMenuItem("White Papers", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/wpapers/wpapers.html'");<BR>    mBlack.addMenuItem("TechNotes", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/technote/tn.html'");<BR>    mBlack.addMenuItem("Articles", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/articles/articles.html'");<BR>    mBlack.addMenuItem("Third-Party Books", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=http://www.amazon.com/netscape-devedge/'");<BR>    mBlack.addMenuItem("Presentations", "top.window.location='http://developer.netscape.com/openstudio/docs/index_frame.html?content=/docs/presentations/presentations.html'");<BR>    mBlack.fontColor = "#ffffff";<BR>    mBlack.bgColor = "#AAAAAA";<BR>    mBlack.menuItemBgColor = "#000000";<BR>    mBlack.menuHiliteBgColor = "#6699CC";</p><p>    window.mWhite = new Menu("White");<BR>    mWhite.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    mWhite.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");<BR>    mWhite.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    mWhite.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");<BR>    mWhite.fontColor = "blue";<BR>    mWhite.bgColor = "#dddddd";<BR>    mWhite.menuItemBgColor = "white";<BR>    mWhite.menuHiliteBgColor = "#eeeeee";</p><p>    window.mBigBorders = new Menu("Big Borders");<BR>    mBigBorders.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    mBigBorders.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");<BR>    mBigBorders.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    mBigBorders.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");<BR>    mBigBorders.menuHiliteBgColor = "#6699CC";<BR>    mBigBorders.menuItemHeight = 25;<BR>    mBigBorders.fontSize = 20;<BR>    mBigBorders.fontWeight = "Bold";<BR>    mBigBorders.menuBorder = 4;<BR>    mBigBorders.menuItemBorder = 5;</p><p>    window.mNoBorders = new Menu("No Borders");<BR>    mNoBorders.addMenuItem("DevEdge Online", "top.window.location='http://developer.netscape.com'");<BR>    mNoBorders.addMenuItem("View Source", "top.window.location='http://developer.netscape.com/viewsource/'");<BR>    mNoBorders.addMenuItem("Netcenter", "top.window.location='http://home.netscape.com'");<BR>    mNoBorders.addMenuItem("Download", "top.window.location='http://home.netscape.com/download/'");<BR>    mNoBorders.menuItemBorder = 0;</p><p>	myMenu.writeMenus();<BR>}</p><p>//--><BR></SCRIPT></p><p></HEAD><BR><BODY BGCOLOR="#FFFFFF"></p><p><center><H2>Ejemplo de los distintos tipos de Menúes</H2></p><p><H3>Dynamic HTML Menus -- Usando el JavaScript Menu Component</H3></p><p><P></p><p>Para lograr que funcione este menú, necesitas el siguiente archivo:<BR><A HREF="ejemplos/menu.js">Menu.js</A> </p><p><BR> <P><LI>Distintos ejemplos:</p><p><TABLE><BR><TR><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu);" onMouseOver="window.showMenu(window.myMenu);">myMenu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu3);" onMouseOver="window.showMenu(window.myMenu3);">Colors Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu4);" onMouseOver="window.showMenu(window.myMenu4);">Yellow/Blue Menu</A><BR>  </TD><BR></TR><BR><TR><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu8);" onMouseOver="window.showMenu(window.myMenu8);">Submenus</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu7);" onMouseOver="window.showMenu(window.myMenu7);">Technologies Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mySubMenu7);" onMouseOver="window.showMenu(window.mySubMenu7);">JavaScript Menu</A><BR>  </TD><BR></TR><BR><TR><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.myMenu5);" onMouseOver="window.showMenu(window.myMenu5);">Brick-Red Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mozilla);" onMouseOver="window.showMenu(window.mozilla);">Mozilla Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.search);" onMouseOver="window.showMenu(window.search);">Search Menu</A><BR>  </TD><BR></TR><BR><TR><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mBigBorders);" onMouseOver="window.showMenu(window.mBigBorders);">Big-Borders Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mBlack);" onMouseOver="window.showMenu(window.mBlack);">Black Menu</A><BR>  </TD><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mWhite);" onMouseOver="window.showMenu(window.mWhite);">White Menu</A><BR>  </TD><BR></TR><BR><TR><BR>  <TD VALIGN=TOP NOWRAP><BR>    <LI><A HREF="javascript:window.showMenu(window.mNoBorders);" onMouseOver="window.showMenu(window.mNoBorders);">No-Borders Menu</A><BR>  </TD><BR></TR><BR></TABLE><BR></UL><BR><br></p><p><SCRIPT LANGUAGE="JavaScript1.2"><!--<BR>//For IE<BR>if (document.all) {<BR>    loadMenus();<BR>}<BR>//--><BR></SCRIPT></p><p></BODY><BR></HTML>
