In this post i will talk about how to handle jquery keyboard events or we can say that how to create jquery keyboard navigation system.

Demo Code

Html Code

<div id=”test”> <ul> <li><a id=”home” href=”home.html”>Home</a></li> <li><a id=”my_work” href=”my_work.html”>My work</a></li> <li><a id=”blog” href=”blog.html”>Blog</a></li> <li><a id=”news” href=”news.html”>News</a></li> </ul> </div>

This above html [...]

 
In this post we will talk how to take help of ajax event handlers which are pre-built in jquery library. In jquery we have 6 event handler till the time of writing this post, to exploit. All i have explained below…

Assumptions

Let us consider this html for our all [...]

 
In our previous post we discussed about only shortcut functions to handle jquery events.
In this post i will tell you about jquery events that can be handled with the help of other functions like bind, live, delegate and tell you which function is to be used as per different [...]

 
This post is all about handling the events which are triggered when user intracts with a web page. I will tell you how to attach events to your DOM elements as per your needs.

Let us the consider this example:

$(‘#target_element’).hover(function(){ $(this).addClass(‘effects’); }, function(){ $(this).removeClass(‘effects’); });

In [...]

 
In this post i will describe how to work on google maps api to find out the distances between two places and then how we can use that distance in jquery to use it on server side for some real world web applications like (Salesman problems, Transport, Post offices problems etc).