jquery-cheat-code-plugin - A jQuery plugin for handling cheat code inputs in your web app




jquery-cheat-code-plugin
jquery-cheat-code-plugin is a small jQuery plugin that defines the custom 'cheatCodeEntered' event. This event consists in a sequence of key presses that are fully customizable, on any element of the DOM that the user can set.
Check out the jsfiddle demo!
Usage
The plugin defaults to the Konami Code (up, up, down, down, left, right, left, right, B, A, Start), with the keys mapped for the standard US keyboard and the sequence being listened on the whole document.
To include it on your project, you have to add one of these lines on the document ready handler:
var code = ;var code = params;
The first one creates a default 'cheatCodeEntered' event, and the second one has an argument 'params', that consists of an object with this possible elements:
- object : contains either the CSS selector or the actual DOM element of the one that listens for the event.
- sequence : contains an array of strings that represents the sequence of keys of the cheat code. Only keys that have mappings are allowed.
- mapping : contains an object literal that represents the mapping of the input values, such as '38 : up' or '40 : down'. The keys of the object are keyboard key codes and the values are strings that represent input values of the cheat code.
The class CheatCodeEventHandler provides with the following functions:
-
cheatSequence() Gets the array representing the cheat sequence.
-
cheatSequence(sequence) Sets the array representing the cheat sequence.
-
inputMapping() Gets the object literal representing the key mapping.
-
inputMapping(mapping) Sets the object literal representing the key mapping.
-
currentState() Gets the current state of the sequence, i.e. the number of keys pressed correctly in a row. This number is reseted every time the user makes a mistake.
-
totalStates() The total number of inputs that the cheat consists in.
About
- Author: Marc Cusso
- License: MIT License
Tags
accordion accordion menu animation navigation animation navigation menu buttons carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu