jjennifer
jjennifer

Reputation: 1315

mouse over and ajax tooltip

I have a number of links which I would like to get some information by using ajax calls and display the information as tooltip.

I have bind the function that make the ajax call with the event on mouseover of the link something like:

$('#div a').bind('mouseover', function () {
   //sending the ajax call
}

everything looks/work fine except, when the user unintentionally move the mouse pointer over all the links, I saw that there are many ajax calls.

so my question how can I prevent the ajax call unless the users hover the mouse pointer on the link for at least 3 or 4 seconds first.

Upvotes: 1

Views: 2092

Answers (1)

Jeremy
Jeremy

Reputation: 22415

Look up the JavaScript window.setTimeout() function.

Upvotes: 1

Related Questions