Ver Mensaje Individual
  #6 (permalink)  
Antiguo 27/12/2002, 01:25
Skineriano
 
Fecha de Ingreso: noviembre-2002
Ubicación: Almería-España.
Mensajes: 63
Antigüedad: 21 años, 6 meses
Puntos: 0
Muchas gracias Yanix y Joselete. He mirado el código, pero lo veo aún difícil para mí y he optado por insertar el menú en el marco de abajo de la página inicial (index) y en un futuro quitar los marcos de las 2000000000000000000 webs que he ido asociando

De todos modos, aún tengo otro problema, y es que los menús que me salen son demasiado largos, por ejemplo si pincho "inicio" me salen unas diez opciones hacia abajo. Pienso que lo puedo acortar, es decir, dentro del menú inicio tener tres categorías y dentro de cada una de ellas varios enlaces, con lo que en lugar de desplegarse todo el menú hacia abajo, parte también se deplegaría hacia la derecha...

He usado un código que me aparecía en el "Depósito de JavaScripts", ¿ALGUIEN SABRÍA COMO APAÑAR ESE CÓDIGO PARA CREAR LAS SUBCATEGORÍAS QUE DESPLIEGEN OPCIONES HACIA LA DERECHA?.

Pongo el código -original- en el que me basé:
<!-- PRIMER PASO: Copiar este código dentro del tag HEAD -->

<script language="JavaScript" src="navcond.js">
</script>

<script language="JavaScript">

/*
Top Navigational Bar II (By Mike Hall @ Brainjar.com)
*/

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("Inicio", "index.htm"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Depósito", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Caducar página", "caducar.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Pantalla completa", "ventanafull.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Anular botones", "mouse.htm"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Tutoriales", ""));
dhtmlMenu.addItem(new NavBarMenuItem("La Variable", "http://www.lavariable.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Programación", "http://www.programacion.net"));
dhtmlMenu.addItem(new NavBarMenuItem("ABC Datos", "http://www.abcdatos.com/"));
dhtmlMenu.addItem(new NavBarMenuItem("Cybercursos", "http://www.cybercursos.net/"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Buscadores", ""));
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("Foros del Web", "http://www.forosdelweb.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Desarrollo Web", "http://www.desarrolloweb.com"));
dhtmlMenu.addItem(new NavBarMenuItem("JavaScript", "http://javascript.internet.com"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors("#ffffff","#ffffff","#000000", "#ffffff","#6B6B6B","#000000","#C0C0C0","#ffffff", "#8A0000")
myNavBar1.setFonts("Arial","plain","bold","11px"," Arial","plain","bold","11px");

//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>


<!-- SEGUNDO PASO: Agregar esta línea dentro del tag BODY -->

<body onload="init()">


Tercer paso: Bajá el archivo navcond.js

GRACIAS A TODOS.