December 12th in Articles by .

Replicating Yahoo’s Caps Lock Indicator With jQuery

Tweet

A while ago I wrote an article on using jQuery and plain JavaScript to add keyboard interaction to HTML forms. I then recently logged into one of Yahoo’s services and encountered their nifty caps lock indicator on the password field and thought I would replicate this using the code I wrote for the article mentioned above and some jQuery.

View Demo
Download Source

As usual we start of writing our HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

November 3rd in Articles by .

Keyboard Interaction With jQuery Special Events

Tweet

In my previous article I looked at interacting with the keyboard using JavaScript to detect key masks and combinations of key masks and normal keys. In that article I also attached the keyup event to a specific DOM element. In this article I will look at creating what is known as a special jQuery event and then attach that event to our entire document as apposed to a single DOM element.

Of course you are still able to attach this special …

November 3rd in Articles by .

Keyboard Interaction With JavaScript And jQuery

Tweet

A couple of days ago I read an article by David Walsh where he used keyboard interaction to save a form’s contents in the background with MooTools. I have read a bunch of his articles, and I am a big fan, and have always thought I want to emulate one of his articles using jQuery. Until now, he has beat me to the post.

This time however, I seem to have a longer window ;) With that I set forth to …

 Page 4 of 4 « 1  2  3  4 
Performance Optimization WordPress Plugins by W3 EDGE