Fácil menu contextual con Prototype

Tweet

¿Qué es Prototype?

Prototype es un framework en JavaScript que apunta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta para el desarrollo de clases única y de fácil uso, además de la biblioteca más agradable de Ajax.

Con este pequeño código podemos hacer un sencillo menu contextual (esos menus a los que se accede con el botón derecho del ratón).

Es muy sencillo de realizar gracias a la ayuda de la librería prototype.

Para ello el primer paso será añadir este trozo de código en la cabecera de nuestro documento HTML

<link href=”style/style.css” rel=”stylesheet” type=”text/css” />
<script type =”text/javascript” src=”js/prototype.js”></script> <script type=”text/javascript” src=”js/domutils.js”></script>
<script type=”text/javascript” src=”js/menu.js”></script>
<script type=”text/javascript”>
window.onload=function(){
var items = [
{ text: "Choose address", onclick:function(){alert("item0");} }, { type: "divider"},
{ text: "Copy", onclick:function(){alert("item1");} }
];
var menu =new ContextMenu(“table_body”,items);
// menu.onBeforeShow =function(menu){ alert(“on before show”);};//
menu.onClose = function(menu){alert(“on close”);}
}
</script>

Ejemplo de menu contextual

Descarga el Ejemplo

Más información en AjaxLine

Enlaces Relacionados

6 cosas que probablemente no conozcas sobre PHP
PHP y MySql una estrecha relación
Las 10 mejores librerías
Howto encriptar passwords en la base de datos
El framework más popular de Ajax
Manual y ejemplos con Smarty
8 lenguajes de programación que deberías aprender
Generar documentos OpenOffice con PHP
Entrevista a Marten Mickos, CEO de MySql
Urls amigables
Fácil sistema de autentificación (login, password) PHP
Bases de datos y PHP