showing divs using keyboard commands

Question

is it possible to show/hid a div on a webpage if say three keys are pressed in the correct order on a normal keyboard.... Im trying to hide my login div in drupal and only want it to show if I press say three keys on the keyboard. Dosnt matter if it shows up in source.

any thoughts/links?

cheers

Answer 1

You have to intercept the keypress event (or keyup) and then check which key was pressed (see http://stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-pressed) To handle a key sequence you have to store the pressed key codes into an array and then check it against your defined sequence.

Answer 2

You can try js-hotkeys.

jQuery.Hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination.

Example: Binding 'Ctrl+c'

$(document).bind('keydown', 'ctrl+c', fn); 

Next step is to show/hide your div in the function you pass in.

Answer 3

If you poll for key presses and store them in array then match that with the correct array once this happens show the div then clear your stored array. Close the div and start the process again.

Answer 4

This "cheat code" jQuery plugin should make what you're asking especially simple.