Menús contextuales con jQuery

Escrito por: Martín el 06-01-2009 19:04:39 y leído 2788 veces

Con este plugin de jQuery podemos personalizar el menú contextual que vemos al hacer clic con el botón derecho de nuestro ratón.

Mientras leía el post de uno de sus creadores, me encontré con que hay otro plugin que cumple similar tarea por lo que dejo los links a ambos recursos que me parecen por igual de interesantes.

Menú 1: Ver web | ver demo
Menú 2: Ver web y demo

En el caso del primer menú, su uso es muy fácil... (ver códigos 1 y 2).

En el caso del menú 2, les aconsejo mirar la web de su creador que tiene muchos ejemplos.

Código XHTML

<ul id="myMenu" class="contextMenu">
    <li class="edit">
        <a href="#edit">Edit</a>
    </li>
    <li class="cut separator">
        <a href="#cut">Cut</a>
    </li>
    <li class="copy">
        <a href="#copy">Copy</a>
    </li>
    <li class="paste">
        <a href="#paste">Paste</a>
    </li>
    <li class="delete">
        <a href="#delete">Delete</a>
    </li>
    <li class="quit separator">
        <a href="#quit">Quit</a>
    </li>
</ul>

Código JAVASCRIPT

$(document).ready( function() {
   
    $("#selector").contextMenu({
        menu: 'myMenu'
    },
        function(action, el, pos) {
        alert(
            'Action: ' + action + 'nn' +
            'Element ID: ' + $(el).attr('id') + 'nn' +
            'X: ' + pos.x + '  Y: ' + pos.y + ' (relative to element)nn' +
            'X: ' + pos.docX + '  Y: ' + pos.docY+ ' (relative to document)'
            );
    });
   
});

Categorías: Botón Derecho • Jquery • Javascript • Contextual • Menú • •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

jquery context menu • menu contextual jquery • click derecho jquery • jquery menu contextual • context menu jquery • jquery boton derecho • jquery click derecho • menu contextual con jquery • menu boton derecho jquery • boton derecho jquery • menu click derecho jquery • jquery menu 2011 • botones jquery menu • contextual menu jquery • jquery contextual menu • jquery menu click derecho • jquery menu boton derecho • clic derecho jquery • jquery botones • jquery contextmenu • botones menu jquery • click derecho con jquery • jquery menu • menu emergente jquery • menú contextual jquery • boton menu jquery • jquery clic derecho • menu transparente jquery • jquery menus boton • menu izquierdo jquery • menus jquery • boton derecho raton jquery • jquery menu contextual click derecho • MENU DE BOTONES CON jquery • menu boton derecho raton jquery • crear menu con jquery • personalizar menu boton derecho javascript • evento boton derecho jquery • contextMenu jquery • generar menu con clic derecho con jquery • menus con click derecho jquery • jquery menu transparente • click derecho en jquery • jquery menu botones • jquery click boton derecho • evento click derecho jquery • modificar menu contextual del click del mouse jquery • menu jquery botones • ejemplos de menu jquery 2011 • menu izquierda jquery • boton jquery free • menus jquery transparente • boton derecho jquery table • jquery menu con botones • jquery grid con menu contextual • menus con botones jquery • jquery actions menu • Botones y Menus con jquery • menu boton jquery • click boton derecho jquery • menus transparentes con jquery • context menu in jquery • menu izquierdo con jquery • jquery popup menu boton derecho • barra lateral transparente jquery • MENU DE BOTONES JQUERY • menu click derecho javascript • boton de opciones click derecho JQUERY • menu contextual boton derecho • jqeury menu contextual • menu nube jquery • javascript jquery context menu • menu con jquery transparentes • opcion click derecho jquery • boton contextual jquery • crear menu contextual jquery • jquery boton derecho raton • menu contextual jquery plugin • menu contextual click derecho jquery • personalizar click derecho jquery • botones menu con jquery • jquery evento boton derecho • Jquery submenu boton derecho • jquery menu boton secundario • menu secundario jquery • menu contextual boton derecho jquery • menu con botones en jquery • menu contextual jquery 2011 • menus transparentes jquery • menu contextual • detectar click derecho jquery • botón derecho jquery • menu contextual jquery con boton izquierdo • jquery boton transparente • menu contextual con codigo • menu context jquery • menu contextual click derecho jquery UI • jquery menus • menu contextual imagen jquery • boton derecho con jquery •