jQuery plugins - jQuery Context Menu
júl 18

jQuery Context Menu

Helyi menü

Verzió: 1.01
Kiadás dátuma: 2010/03/10
Fejlesztő: Cory LaViska
Liszensz: MIT, GNU
  • 1353
  • 10082
  • 0
  • -

Bevezető

A plugin-nal helyi menüt hozhatunk létre oldalunkon a desktop alkalmazásoknál megszokott formában (jobb egérgombbal aktiválható). A menüt az oldal tetszőleges területéhez, esetleg területeihez rendelhetjük hozzá, valamint működése metódusok segítségével tetszés szerint befolyásolható
(pl. egyes menüpontok engedélyezése/tiltása).

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/style.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.contextMenu.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#celterulet').contextMenu({
                menu: 'pelda'
              },
              function(action, el, pos) {
                ...
              });
            }); 
          

Használat

            <ul id="pelda" class="contextMenu">
              <li><a href="#menu1">Menü 1</a></li> 
              <li><a href="#menu2">Menü 2</a></li> 
              ...
            </ul>
          

Teljes paraméterlista

  • action: esemény a kiválasztott menüponthoz
  • el: a helyi menü megjelenítését kiváltó objektum
  • pos.x: az egérmutató X koordinátája a célterülethez viszonyítva
  • pos.y: az egérmutató Y koordinátája a célterülethez viszonyítva
  • pos.docX: az egérmutató X koordinátája az oldalhoz viszonyítva
  • pos.docY: az egérmutató Y koordinátája az oldalhoz viszonyítva

Metódusok

  • disableContextMenu(): helyi menü letiltása
  • enableContextMenu(): helyi menü engedélyezése
  • disableContextMenuItems(): a paraméterként megadott menüpont(ok) letiltása - null érték esetén minden menüpont tiltása
  • enableContextMenuItems(): a paraméterként megadott menüpont(ok) engedélyezése - null érték esetén minden menüpont engedélyezése
  • destroyContextMenu(): a plugin megszüntetése