10.4. Ejercicios

10.4.1. Crear un módulo Portlet

Abra el archivo /ejercicios/portlets.html en el navegador. Realice el ejercicio utilizando el archivo /ejercicios/js/portlets.js. El ejercicio consiste en crear una función creadora de portlet que utilice el patrón modular, de tal manera que el siguiente código funcione:

var myPortlet = Portlet({
    title : 'Curry',
    source : 'data/html/curry.html',
    initialState : 'open' // or 'closed'
});

myPortlet.$element.appendTo('body');

Cada portlet deberá ser un div con un título, un área de contenido, un botón para abrir/cerrar el portlet, un botón para eliminarlo y otro para actualizarlo. El portlet devuelto por la función deberá tener la siguiente API pública:

myPortlet.open();    // fuerza a abrir
myPortlet.close();   // fuerza a cerrar
myPortlet.toggle();  // alterna entre los estados abierto y cerrado
myPortlet.refresh(); // actualiza el contenido
myPortlet.destroy(); // elimina el portlet de la página
myPortlet.setSource('data/html/onions.html'); // cambia el código