JQuery Tutorials, Tips & Tricks
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 49% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.
jQuery is free, open source software, dual-licensed under the MIT License or the GNU General Public License, Version 2. jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery framework allows the creation of powerful and dynamic web pages and web applications.
Ever tried implementing Drag & Drop feature using JavaScript? Believe me it is quite tough and has lots of cross browser implementation issues. Using jQuery you can create simple Drag & Drop features easily and manage them well. jQuery UI provides with a vast suite of APIs that can be leveraged to create a UI with ...
HTML Tabs have became one of the most used UI components in web design. Tabs are generally used to break content into multiple sections that can be swapped to save space. Different implementation of HTML Tabs are available and jQuery UI is one of the simplest one.For adding jQuery tabs in your HTML page, first you ...
jQuery, the JavaScript library provides some powerful set of jQuery AJAX API's to handle AJAX requests. The normal way of making AJAX calls using JavaScript is a bit odd as you have to first create an XMLHttpRequest object that depends on the browser and then make an AJAX call. Also sending a form data using AJAX is also bit difficult if we use normal ...
Handling events in today web browser is a bit difficult part as different browser handles events in a different way. Hence to overcome these cross browser problems, one can leverage the Event handling APIs of jQuery.jQuery is a small JavaScript library that provides a vast number of APIs to handle different browser events and effects ...
jQuery is a small and wonderful JavaScript library that I use extensively in my work. I thought to write a tutorial about achieving UI Effects through jQuery. In
this post, I explained how to do fade in/fade out effect using jQuery. This time let us see all the tricks that we can do to manipulate ...
Web 2.0 applications have became pervasive today. Lots of new features using AJAX, JavaScript, DHTML etc have been incorporated in web applications to make them rich in user appeal. One of the framework that has changed the way we write client side code is jQuery.Let us see a simple trick to FadeIn and FadeOut a text ...
Maxlength of Textarea Update: The maxlength plugin is now managed at GitHub. Please contribute to make this plugin more awesome. GitHub:
https://github.com/viralpatel/jquery.maxlengthSetting up maxlength of input text are easy. Just an attribute maxlength="##" does the work. But maxlength attribute does not work with textarea. I tried writing <textarea rows="5" cols="30" maxlength="120"></textarea> but this does not works.So what to do if we want to fix ...
Usually AJAX requests are send through GET method. This is because there are few parameters that one send while sending a request through AJAX and also it is relatively easy to create and send a GET method request. Following code is used generally to create a GET request through AJAX.function getXMLHttpRequestObject() { var xmlhttp; /*@cc_on @if (@_jscript_version >= 5) try ...
You must have seen orkut style status update box where in the details can be modified by clicking on it. Once user click the details, details gets populated inside a textbox and an update button. Once update button is clicked, the data gets updated in database.Similar status update box is available in wordpress ...
