Menú superior
Hola amigo, tengo el siguiente problema, quiero hacer que mi menú de navegación aparezca en la celda de mi tabla donde dice "Sección del Menú", pero no logro hacer que cambie, siempre aparece en la parte superior, aca te envío el código, haber una manito plis
<html>
<head>
<title>Menú parte superior</title>
</head>
<p align="center"><br>
<b>Menú parte superior
<script language="JavaScript" src="navcond.js"></script>
<script language="JavaScript">
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Noticias", ""));
dhtmlMenu.addItem(new NavBarMenuItem("CNN", "http://www.cnn.com"));
dhtmlMenu.addItem(new NavBarMenuItem("MSNBC", "http://msnbc.com"));
dhtmlMenu.addItem(new NavBarMenuItem("ABCNews", "http://www.abcnews.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Tecnología", ""));
dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://www.news.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://www.techweb.com/"));
dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://www.wired.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://www.dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Búsqueda", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com"));
dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Webmasters", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
//1)borde 2)color letra 3)color fondo
//4)color letra selecc 5)color fondo selección título
//6) color letra submenu 7) color fondo submenú
//8) color letra submenú seleccionado 8) color fondo submenú selecc
//myNavBar1.setColors("#000000", "#000000", "#C0C0C0", "#ffffff", "#666666", "#000000", "#cccccc", "#ffffff", "#000080")
myNavBar1.setColors("#000000", "#000000", "#abcdef", "#fffaaa", "#666666", "#000000", "#abcdef", "#ffffff", "#000080")
//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
</b>
<table width="75%" height="221" border="1" align="center">
<tr>
<td colspan="2">LOGOTIPO</td>
</tr>
<tr>
<td height="40" colspan="2"><div align="center">SECCION DEL MENU</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p align="center"> </p>
<body onload="init()"></p>
</body>
</html>
<html>
<head>
<title>Menú parte superior</title>
</head>
<p align="center"><br>
<b>Menú parte superior
<script language="JavaScript" src="navcond.js"></script>
<script language="JavaScript">
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Noticias", ""));
dhtmlMenu.addItem(new NavBarMenuItem("CNN", "http://www.cnn.com"));
dhtmlMenu.addItem(new NavBarMenuItem("MSNBC", "http://msnbc.com"));
dhtmlMenu.addItem(new NavBarMenuItem("ABCNews", "http://www.abcnews.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Tecnología", ""));
dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://www.news.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://www.techweb.com/"));
dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://www.wired.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://www.dynamicdrive.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Búsqueda", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com"));
dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Webmasters", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
//1)borde 2)color letra 3)color fondo
//4)color letra selecc 5)color fondo selección título
//6) color letra submenu 7) color fondo submenú
//8) color letra submenú seleccionado 8) color fondo submenú selecc
//myNavBar1.setColors("#000000", "#000000", "#C0C0C0", "#ffffff", "#666666", "#000000", "#cccccc", "#ffffff", "#000080")
myNavBar1.setColors("#000000", "#000000", "#abcdef", "#fffaaa", "#666666", "#000000", "#abcdef", "#ffffff", "#000080")
//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>
</b>
<table width="75%" height="221" border="1" align="center">
<tr>
<td colspan="2">LOGOTIPO</td>
</tr>
<tr>
<td height="40" colspan="2"><div align="center">SECCION DEL MENU</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p align="center"> </p>
<body onload="init()"></p>
</body>
</html>
1 Respuesta
Respuesta de gandalf26
1
Necesitaria tener el navcond.js, pero realmente suele ser mas sencillo encontrar otro menu que se adapte a lo que necesitas que modificar uno como este.
El asunto esta en que es un menu que se mantiene en una capa siempre en el mismo sitio, como comentas, siempre arriba de la pagina.
Hacer que esa capa este "dentro" de una celda no sencillo, de modo que te aconsejaria que buscases otro menu que vaya fijo en un determinado sitio (como tu celda) para ello.
Salu2
El asunto esta en que es un menu que se mantiene en una capa siempre en el mismo sitio, como comentas, siempre arriba de la pagina.
Hacer que esa capa este "dentro" de una celda no sencillo, de modo que te aconsejaria que buscases otro menu que vaya fijo en un determinado sitio (como tu celda) para ello.
Salu2
