Post Reply 

JQuery Hotkeys Tutorial

Jul 3, 2011, 06:53
Post: #1
JQuery Hotkeys Tutorial
Click here to watch the video tutorial.

Click here to view the demo. (Note: The hotkey is CTRL+Q)

Before we get started. Make sure you have JQuery downloaded, and then download JQuery Hotkeys.

Now add in the following files like so...
Code:
<html>
<head>
<title>JQuery Hotkeys</title>
<script src="jquery-1.6.1.js"></script>
<script src="jquery.hotkeys.js"></script>
</head>
<body>
  
</body>
</html>

Now it's super easy to make a hotkey.
For example look at my code below.
Code:
$(document).bind('keydown', 'ctrl+q', function() {
   alert('You found the hotkey!');
});

What this code does is, when you press CTRL+Q an alertbox will popup saying "You found the hotkey!".

I told you it was easy.


Attached File(s)
.zip  jquery-hotkeys.zip (Size: 35.23 KB / Downloads: 445)

[Image: gimppimp_forum_sig_by_mikethedj4-d39msp7.png]
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Gimp Tutorial: Add Logo to an Image MikeDaviesDMD 4 1,085 Sep 16, 2014 13:02
Last Post: rich2005
  Create Website Design Using GIMP (Tutorial) agragregra 4 2,200 Jun 9, 2014 11:25
Last Post: iForStyle007
Rainbow Tutorial Sunlight Effects & coloring (Sonnelichteffekt & Färbung ) ifinishit 0 556 May 9, 2014 14:17
Last Post: ifinishit
  Can Anyone Convert This Tutorial? MiiSz_Psycho 3 892 Mar 1, 2014 13:46
Last Post: iForStyle007
  Seeking tutorial writer akovia 0 585 Jan 12, 2014 00:44
Last Post: akovia

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS