Um tema recorrente deste blog é o JQuery, um framework para programação em Javascript.

A dica de hoje é como criar um menu de contexto com JQuery. Menus de contexto são aqueles menus específicos que são acessados com o uso do botão secundário do mouse ( o botão direito para os destros).

Você vai precisar do JContext, um plugin com pouco mais que meio KB!

Se você for adicionar um menu a um objeto cujo id seja “obj” deverá fazer o seguinte:

$("#obj").showMenu({
opacity:0.8,
query:"#meuMenu",
zindex:2000
});

O valor em opacity deve estar entre 0 e 1 e indica o grau de opacidade do menu. Em query indicasse um objeto reconhecível pelo JQuery que contenha o menu a ser exibido. E zindex é um valor z-index para o menu – quanto maior este valor, mais garantida será sua exibição sobre os outros elementos da página.

Links:

• Download do JContext
• Exemplo completo
• Página com demonstração