Fuentes JavaScript
Permite definir código JavaScript que actuará sobre el menú o sobre la página. Puede servir para definir comportamientos adicionales para el menú
o incluso para definir una estructura de menú diferente a la por defecto.
Si se deshabilita el JavaScript por defecto, en la opción de "Configurar", se puede incluir código que manipule la información del árbol del menú y construya un menú nuevo, por ejemplo, el siguiente código utiliza las funciones de la librería YUI que se incluyen en moodle, para generar una barra de menú simple, similar al menú por defecto pero sin efecto en el desplazamiento de los submenus:
var menu_ppal_topics = new YAHOO.widget.MenuBar("id_contenedor_menu");
menu_ppal_topics.render();
El ejemplo muestra la forma más sencilla de menú desplegable, sin embargo, se pueden hacer muchas más personalizaciones utilizando las funciones propias de la librería YUI.
Notas:
- El nombre id_contenedor_menu corresponde al identificador del div que contiene el menú en HTML construido como listas anidadas, normalmente con las etiquetas HTML: ul y li.
- Cuando el JavaScript por defecto es incluido, la variable tree_menu_var contiene el objeto JSON con los datos del menú.
- La estructura del JSON e información sobre como personalizar el menú puede consultarse en el manual de referencia de YUI siguiendo este enlace.
- Al realizar cambios en el JavaScript es probable que los cambios no se vean inmediatamente en el curso, de ser así, se deberá refrescar la página. En muchos navegadores se puede realizar este refresco presionando Ctrl+F5.