Archive | jQuery RSS feed for this section

How to Debug Your jQuery Code

Firebug—Although many developers have used Firebug, I don’t think that many understand the true potential of its debugging capabilities. If you know your tools inside out, you can become a more productive and efficient programmer. Note: If you aren’t using Firefox, the Firebug Lite bookmarklet can come in handy to provide many of the nice debugging features of its Firefox add-on counterpart. I tend to use this bookmarklet primarily with Google Chrome.
FireQuery—This Firefox Firebug add-on provides some nice features to Firebug, such as letting you see which jQuery events are attached to what DOM elements, displaying any data elements that are attached to a DOM element, and providing the ability to inject jQuery into Web pages that don’t have it already loaded.
FireFinder—This Firefox Firebug add-on can help you find the selector you are looking for. You can test the selector you have, and it will highlight all those items on your Web page.
(Link: How to Debug Your jQuery Code)

jQuery for Complete Beginners: Part 1

What is jQuery?

jQuery aims to make JavaScript more accessible for the less ‘hardcore’ developer. For example, there are many cross browser issues with regular JavaScript that jQuery deals with – it does a lot of work behind the scenes to make sure your experience is much more simple and enjoyable. Instead of spending time on the monotonous, boring cross-browser code, you can get straight to work with your cool effects, safe in the knowledge that jQuery is sorting everything out for you.
(Link: jQuery for Complete Beginners: Part 1)

Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers

When a user hovers over a link, it will trigger the top banner to change its background image and text based on the entry in a JSON array.
(Link: Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers)

Ketchup Plugin

Ketchup is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.
(Link: Ketchup Plugin)

FCBKcomplete – Fancy facebook-like dynamic inputs with auto complete & pre added values

Fancy facebook-like dynamic inputs with auto complete & pre added values. If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.
(Link: FCBKcomplete – Fancy facebook-like dynamic inputs with auto complete & pre added values)

jQuery – Quick Guide, Reference Manual

This page lists down all the jQuery APIs at one place for your easy access. So my recommendation is to bookmark for future use. Following table lists down few basic selectors and explains them with examples
(Link: jQuery – Quick Guide, Reference Manual)

jQuery 'Notify bar'

‘Notify Bar’ plugin

Simple plugin (basically it’s not a plugin, but widget) to show notify bar (like on Twitter’s webpage).
(Link: jQuery ‘Notify bar’)

jqGrid is an Ajax-enabled JavaScript contro for representing and manipulating tabular data

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.
(Link: jqGrid is an Ajax-enabled JavaScript contro for representing and manipulating tabular data)

Follow

Get every new post delivered to your Inbox.