Proto.Menu es un simple y ligero (2 KB) solución de JavaScript para agregar funcionalidad a los menús contextuales de las páginas HMTL. Esta biblioteca utiliza el reciente lanzamiento de Prototype 1.6.0_rc0 . Sus principales características son:
- Luminosidad: ~ 2 KB (~ 1.5 MB versión)
- Discreción: no intrusiva
- Soporta todos los navegadores
- Personalizable en función de hoja de estilo
- Extremadamente rápido
Para su uso se requiere:
- prototype.js 1.6.0_rc0
- probado en los navegadores: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera 9 +, Netscape Navigator 9 +
Para usarlo basta con incluir el prototipo de la biblioteca y proto.menu:
Descargar Proto.Menu.js (o versión comprimida )
1 2 |
Se puede incluir un archivo CSS
1 | "stylesheet" href = "Proto.Menu.css" type = "text/css" media = "screen" / > < enlace rel = "stylesheet" href = "Proto.Menu.css" type = "text / css" media = "screen" /> |
Y su uso es realmente sencillo, se crea una matriz con enlaces a mostrar:
1 2 3 4 5 6 7 8 9 10 11 | [ myLinks var = [ : 'Back' , callback : function ( ) { alert ( 'back function called' ) } } , {Nombre: 'Volver', callback: function () {alert ('llamó la función')}}, : 'Forward' , callback : function ( ) { alert ( 'Forward function called' ) } } , {Nombre: 'Adelante', callback: function () {alert ('Adelante función llamada')}}, true } , {Separador: true}, : 'Reload' , callback : function ( ) { alert ( 'Reload function called' ) } } , {Nombre: 'Reload', callback: function () {alert ('Actualizar función llamada')}}, : 'Disabled option' , disabled : true } , {Nombre: 'opción de movilidad reducida, discapacitados: true}, : 'Toggle previous option' , callback : function ( ) { {Nombre: 'opción Cambiar anterior, callback: function () { = oLinks. find ( function ( l ) { return l. name == 'Disabled option' } ) ; var elemento = oLinks encontrar (function (l) l {return nombre == 'opción de movilidad reducida "}).; = item . disabled == false ? true : false ; . los elementos desactivados = elemento discapacitados == false verdad:.? falsa; }} ] |
Los menús se activan al pasar la referencia a la matriz de creación:
1 2 3 4 5 6 7 | "text/javascript" > < script de type = "text / javascript"> Proto.Menu nuevo ({ selector:. ContextMenu '/ / menú contextual se muestra cuando los elementos con el nombre de la clase de "menú contextual" se hace clic en className: 'myContextMenu', / / esta es una clase que se adjuntará al contenedor de menú (se usa para el estilo css) MenuItems: myLinks / / array de elementos de menú }) </ script de > |
Tenga en cuenta la propiedad selector indica que el elemento relacionado con el menú contextual, haga clic en este.
[...] Proto.Menu YouTube: Los menús contextuales en JavaScript con Prototype 1.6.0 »este sumario es de un artículo publicado en undolog el Martes, 28 de agosto 2007 Etiquetas: Internet, Javascript, Proto.Menu El desarrollo es un simple y la luz (2 KB) ...: prototype.js 1.6.0_rc0 probado en los navegadores: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera Resumen Proporcionado por Technorati.comView en el artículo undolog original »10 artículos noticias más recientes sobre Firefox [. ..]