Evitar navegación.
Principal

Fácil menu contextual con Prototype

¿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

Enlaces Relacionados


muy pesado

Hola, yo he utilizado este framework y es de lo mejor, pero como todo tiene un PERO. Es muy pesado, no se utiliza ni un cuarto de su potencial, prefiero algo mas pequeño ;).
Saludos.

Algo como Jquery :P

Algo como Jquery :P

Enviar un comentario nuevo

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato