Opciones de los elementos del menú

Se puede mantener la llamada al menú como en las primeras versiones con nameofmenu.addItem (Text, URL, isLast), pero ahora se puede ampliar reemplazando URL por un array asociativo, que debe contener obligatoriamente la entrada 'url', y que puede tener las siguientes opciones:

La primer entrada funciona igual que URL en las anteriores versiones. La opción 'target' para indicar otro frame o otra ventana. Las opciones 'background', 'backgroundA, 'txtcolor', 'txtacolor' para cambiar el color del texto y el fondo de un elemento, tanto normalmente como cuando el cursor está encima. 'theWidth' sirve para modificar la anchura del menú, no sirve para un solo elemento, así que si se utiliza debe hacerse en todos los elementos del submenú correspondiente. 'theHeight' puede usarse para cambiar la altura de cualquier elemento de forma independiente. Si definimos un target que se llame 'blanc', o cualquier nombre que queramos, se crea una nueva ventana cuyo aspecto se puede controlar con 'winOptions', por ejemplo con 'status=no, toolbar=no, resizable=no, location=no, scrollbars=no, width=200, height=200' crearíamos una ventana como la del ejemplo que hay en el menú de esta página. Nuevo en 0.8.3 Si definimos 'url':'a' podemos poner en 'onclick' una acción propia, por ejemplo 'onclick':'alert (\'Hello world!\')'. Nuevo en 0.8.5>> La dirección del siguiente submenú puede ser cambiada con 'nextopenDir':'right' o 'nextopenDir':'left' definido en los ítems con 'url':''. Desde el 0.8.7 update podemos definir un 'onmouseover' o'onmouseout' , como las acciones 'onclick'.

Menú con posición relativa Nuevo en 0.9

Este es un ejemplo de un menú posicionado de forma relativa:

Para definir este menú se debe poner la definición del menú dentro de una capa que debe llamarse con el mismo nombre del menu añadiendo _ref, y declarar la variable de posicionamento como relativa internalMenu.positioning = 'relative'; como en el siguiente ejemplo:

Los menús relativos no funcionan con menús definidos para funcionar en dos frames y su posición inicial sólo puede ser 0,0.

Menú en diferentes frames

En la cabecera del documento que define el frameset escribimos:

<script language="JavaScript1.2" src="mapb_menu.js"></script>
<script language="JavaScript1.2" src="mapb_menuframes_def.js"></script>

Donde "mapb_menuframes_def.js" es el nombre de la definición del menú. El menú se define igual que la versión sin frames con la salvedad que no debe contener la llamada final a doMenu (), ni el código que controla la pulsación del ratón. Debe añadirse a esta definición las siguientes preferencias, con los nombres de los frames respectivos donde va el menú inicial y en el que se muestran los submenús:

mainMenu.frameMenu = 'menuframe';
mainMenu.frameSubMenu = 'submenuframe';

En los dos documentos que contienen el menú debemos poner el siguiente código después de la definición body de la página:

<script type="text/javascript" language="Javascript">
<!--
parent.mainMenu.doMenu(window.name);
if (document.layers){
    document.onMouseDown = parent.hideMenus;
} else {
    document.onclick = top.hideMenus;
}
// -->
</script>

Es importante recordar que no se pueden mostrar en el frame donde aparecen los submenús páginas que no contengan la llamada a doMenu () como puedan ser páginas externas, en tal caso el menú no se activaría y daría un error, si es necesario abrir páginas que no tengan esta llamada utilizar la opción ‘target’:’_blank’ o ‘target’:’_parent’.

Configuración de You are here

Con esta característica el usuario puede entender de una forma visual donde está dentro de la estructura del sitio. Cuando el cursor pasa por encima del icono el menú se abre hasta el submenú que contiene la referencia a la página actual. Para activarlo poner, después de la llamada a doMenu (), este código:

menuName.youAreHere (nombre,izquierda,arriba,ancho,alto,texto,color);

por ejemplo:

mainMenu.youAreHere ('yah',5,190,110,25,'Vd. está aquí','#FFFFCC');

mapbMenu Version 0.9 documentación (1/2)

download (70 kb)

Parte del website mapbDhtml, mantenido por Miquel Angel Pintanel. Actualizado 02.09.2003 . Url: http://perso.wanadoo.es/mapintanel/mapbdhtml/es/menu2.html e-mail: mapbdhtml@wanadoo.es