jQuery

How to Identify or Track Mouse Position using jQuery

I was working with one application for one of my client where i need to track or identify the mouse position in pixel using jQuery. Using this mouse positions you can drag your object or any other operation you want to do. I came across mousemove event of jQuery which gives you the position of X and Y from top left corner of page. Look at below syntax. This might be useful to you in future needs.

Autocomplete functionality in Combobox/Selectbox with jQuery-UI

Are you looking for Selectbox (Combobox) with Autocomplete functionality ? jQuery-UI provides Autocomplete functionality in HTML selectbox. All options for HTML selectbox is preloaded and you dont need to make an Ajax call for autocomplete. As long as you write keywords, it will search that keyword from all options defined and shows result in dropdown box.

Problem solved: Recursive jQuery-AJAX Click Bind event

If you are working with jQuery-Ajax, than this might be useful tutorial for you. While using jQuery-Ajax, you will get a response and you will place that response (May be in form of HTML) in some div or table. Now if you want to do any jQuery event on response (for e.g. if you need to make a click event on link which is in response) than you need to bind this click event success area of jQuery-Ajax call.

How to hide qTip automatically/manually

Qtip is efficient tooltip in web application, reason for that is its easiness of use and other great features. Yesterday i was working with Qtip and i need to hide Qtip manually. I searched for this and i came across below code which hides all qtips.

Find first/next hidden Div using jQuery

Today i need to show(find) the first hidden element of parent div which must be visible when i remove any of visible divs. This can be done by finding last visible element and then find the first hidden element using next selector of jQuery.

Find last visible div using jQuery

You may be stuck when you need to find the last visible element using jQuery/javascript. For finding the last visible element,look at below jQuery code.  You need to use Visible selector with last selector of jQuery.

Number of Child elements (length) using jQuery

Here i am showing you the way to get the number of child elements for parent div. This may be helpful to you when you are show/delete records using jQuery-Ajax and want to update the page accordingly. For e.g. This counting of Children elements helps you to show message like no records when you delete last record.

Move (Copy) Div from one place to another using jQuery

jQuery is very useful while you develop any web application. Whatever you can do with jQuery is not enough, you should know much more and implement more and more with jQuery. Yesterday i need to move one of my "Pending" record to "Paid" records section once i click on selectbox and change the record to "Paid" status.

Find nth Parent Div using jQuery

Are you looking for finding the parent div in easiest way using jQuery ? You can easily find parent div element or any parent HTML element using jQuery. You can find nth div element using this parent function. Look at below link for parent functionality of jQuery.

Problem in Mozilla Firefox-Easy AJAX Pagination Using JQuery CakePHP

I was working with CakePHP's Easy AJAX Pagination Using JQuery. I found this as a great code for sorting and paging with jQuery in CakePHP. But i faced a problem in Mozilla Firefox. It is not working in Mozilla Firefox. While in IE and Crome it works fine for me.