Using Checkbox is checked with jQuery
The is(':checked') property can be used to test whether a checkbox is checked or not.$("#btn001").click(function(){ alert($("#chk001").is(':checked')); })
View ArticleMobile Web Application Development
Introduction With the evolution of technology and more and more people being able to surf the web from their mobile phones, Mobile Web Application Development becomes a relevant domain of Web...
View ArticleIsotope – Amazing jQuery Plugin
Isotope is a jQuery plugin for creating intelligent layouts and arranging them dynamically. Isotopes achieves such layouts and animations that cant be achieved with CSS alone. The features include...
View ArticleModernizr – HTML5 and CSS3 feature detection library
HTML5 and CSS3 are no new terms in the world of web technologies. But, still most web browsers don’t support all the features of these emerging technologies. For example the audio/video feature of...
View ArticleAJAX looping with setInterval
Sadly, for jQuery fans, jQuery doesnt have any in-built support for looping script after certain time interval. Although, there are jQuery timers developed to provide the feature. The timer is a high...
View ArticleXUI – Mobile Application Development Library
XUI is a super micro JavaScript framework for developing HTML5 mobile web applications. Brian Leroux and the team of PhoneGap developed XUI. It was created in 2008 with the aim of providing a solid DOM...
View ArticleNew Features in Firebug 1.7
On 21st March, Firebug Working Group(FWG) have announced the release of Firebug 1.7. This is the first Firefox 4 compatible stable version of firebug. Those developers who upgraded to Firefox 4 were...
View ArticleWhat’s new in jQuery 1.5
jQuery has really come a long way since its initial version and has now become one of the most used JavaScript frameworks. jQuery developers released version 1.5 on 1st February with 83 bug fixes and a...
View ArticlejQuery 1.6 – First Beta released
It seems like the number game is catching up just everywhere, jQuery developers have released first beta of version 1.6 of the popular open source JavaScript library. The release comes after jQuery...
View ArticleA close look at jqXHR object of jQuery
jQuery 1.5 brings few new concepts to the world of web development. The most talked about among them is the new jqXHR implementation with Deferred Objects. The jqXHR (jQuery XMLHttpRequest) replaces...
View ArticleDetecting an AJAX request
AJAX is being used across all platforms to serve the asynchronous server responses on a webpage already sent to the client side (web browser). An AJAX call is a URL containing a server address with...
View ArticleAJAX and XSS
Since the times, the AJAX came to recognition; there has been an increased interest towards the front-end technologies like JavaScript. An AJAX call uses the XMLHttpRequest object, which is an API...
View ArticleBeginning HTML5 Canvas
The Buzz word about HTML5 is Canvas. So, what actually is a Canvas? In a single sentence, it is an HTML element used to draw graphics on a webpage. Of course, it relies on JavaScript to generate...
View ArticlejQuery 1.6 released with performance improvements
jQuery 1.6 was planned to release by the end of April 2011, but, the jQuery team finally released it on Wednesday, 4th May 2011. The release promises big performance improvements, better animations and...
View ArticleGetting host, path, port with JavaScript
In good old days, developers used to try all kinds of tricks to find the hostname, path, protocol and port etc. There were combinations of string manipulation functions and then there were regular...
View ArticlejQuery 1.6.1 has .attr() backward compatibility
jQuery team came up with a quick fix to the compatibility row raised because of some changes in the version 1.6. The release 1.6.1 comes with-in 10 days of the release 1.6. There were indifferent...
View ArticleSencha – ExtJS, Sencha Touch
With the launch of jQuery Mobile, the future of jQTouch became little uncertain. The launch of jQuery Mobile by the jQuery team meant that jQTouch became the unofficial platform for mobile based...
View ArticleValidations with jQuery – Strip whitespaces, special characters and HTML tags
While submitting an HTML form, it is a common requirement to validate the user input to avoid any bugs in the web application. Preventing malicious data to be inputted to database can also help in...
View ArticleModernizr 2 released – contains 40 feature detection tests
Support for CSS3 and HTML5 is a hot topic. With browser versions being updated so often and many of the popular features finding support in the latest versions of almost all browsers, it becomes...
View ArticleUsing Deferred and Promises with jQuery
As we understand that a Deferred is a chainable utility object to register, queue and invoke callbacks. In addition, it also relays the success or failure statue of the originating synchronous or...
View ArticlePaper.js – A Vector Graphics Scripting Framework for HTML5 Canvas
Paper.js is an open source vector graphics scripting framework for working with the HTML5 Canvas element. It offers a clean Scene Graph DOM with a powerful functionality to create and work with vector...
View ArticlejQuery – bind(), unbind() and live() methods
jQuery provides a method for binding standard event-types such as .click() event. The bind() method attaches one or more event handlers for the selected DOM element. It also allows you to specify a...
View ArticleText Styling with HTML Canvas
In the post titled, “Beginning HTML5 Canvas”, we had a brief introduction to HTML5 Canvas. WHATWG defines an HTML5 Canvas as “a resolution dependent bitmap canvas, which can be used for rendering...
View ArticleA Glance at jQuery $() Wrapper & accessing DOM elements
For many years, JavaScript was not considered as a serious programming language. In terms of a web applications, its use was only restricted to some form validations. With the arrival of AJAX...
View ArticleSelecting DOM elements with jQuery – Basic and Hierarchical Selectors
The Document Object Model (DOM) is a collection of objects and nodes that make up any HTML, XHTML or XML documents. The DOM is platform and language independent so different programming languages can...
View ArticleStyling with jQuery
jQuery library allows the designers and developers to rapidly implement elegant design features resulting in interactive website. Cross browser compatibility, CSS3 selectors, plugins and inbuilt...
View ArticleSelecting DOM elements with jQuery: Filters – Part 1
Of late we are covering few jQuery related topics. In a recent post, we read about using basic and hierarichal selectors for selecting DOM elements with jQuery. Sometimes, it is not enough to select...
View ArticleSelecting DOM elements with jQuery: Filters – Part 2
We read about Basic and Content filters in the earlier post. The post covered filters to select DOM elements based on the position and content attributes. The filters can also be defined on the basis...
View ArticleSelecting DOM elements with jQuery – Form Filters
This is the last post of the series explaining selection of DOM elements with jQuery. We started with basic and hierarchal selectors. Then, we read about filters in posts covering filters in two parts...
View ArticleJSON – Format for interchangeable data
With the advent of AJAX and web services, XML became the format for interchangeable data serialization. XML is simple and was already a W3C standard so there was not much resistance to its adoption...
View ArticleNavigation menu with jQuery and nested unordered list
One of the most common requirements on a website is a navigation menu that allow an easy access to its content. A navigation menu is a list of links to the various resources on the website. The most...
View ArticlejQuery – Event Handlers
We learnt about the various DOM selectors provided in jQuery. The series of posts explained Basic and Hierarchical selectors,CSS filters part 1,CSS filters part 2 and Form filters. In another post, we...
View ArticleJSON with PHP – JSON Encode and Decode
JSON is widely used for exchanging information across websites and web applications. The web services are written to send and accept serialized data. JSON(JavaScript Object Notation) is fast becoming...
View ArticleDetecting Browser features with Modernizr
Modernizr is an open source JavaScript library that allows you to start building HTML5 and CSS3 based web applications and websites. The enhanced version of the modernizr library, Modernizr 2 was...
View ArticleGetting started with Ext JS 4
It has been a while since I introduced Sencha and ExtJS on this blog. Like many other learning series, today I am starting ExtJS learning series. ExtJS is a MVC architecture based cross browser...
View ArticleDocument Ready Event and jQuery – Lazy Initialization
To perform any operation on a DOM element, it must be created first. While a JavaScript file or script loaded in the head section of HTML executes instantly. Such scripts will find that DOM is not...
View ArticleWhat’s New in jQuery 1.7?
First of all, a VERY HAPPY NEW YEAR to all the readers!!! It has been a while since I wrote about the newer versions of any libraries or browsers. Only yesterday, I took a look at jQuery 1.7.1, which...
View ArticleExt JS 4 Application Architecture
To meet tight deadlines, very often, a project starts with copy pasting an example code or a base code. Very frequently, quick POCs and raw prototypes are used to build complex applications. This is...
View ArticleAliases for jQuery Namespace
There can be cases when you are using jQuery together with other JavaScript library or libraries. Like jQuery, many other JavaScript libraries also use the $ as a function or variable name. On such...
View ArticleCreating and Extending Classes with Ext JS 4
In the Ext JS 4 series, we introduced the Ext JS 4 library and later, we had an overview of the Ext JS 4 Application Architecture. Before jumping into writing first Ext JS 4 application, we will learn...
View ArticleCustom Events in jQuery
JavaScript recognizes many DOM events. There are many standard JavaScript events that are supported in popular libraries like jQuery. By standard events, we mean the browser events, DOM events and page...
View ArticleExt JS 4 Class System – Mixins
We have started reading how Ext JS 4 revolutionized the UI Development. After an overview of the Ext JS 4 Application Architecture, we went on to reading the Ext JS 4 Class System, starting with...
View ArticleDOM Insertion with jQuery – .append() and .appendTo()
jQuery makes it really easy to add new stuff to existing DOM elements. There are various methods provided in jQuery to perform different types of insertions. The .append() is one such jQuery method...
View ArticleAuto Getters and Setters in Ext JS 4
Having read about the concept of Mutator and Accessor methods, today we will relate the concept to Ext JS 4. In the earlier versions of Ext JS, there was no in-built support for getter and setter...
View ArticleHow to select multiple DOM elements with jQuery
We had a series of articles explaining various ways of selecting the DOM elements with jQuery. We read about basic and hierarchical selectors, DOM filters and a special case of form filters. We saw an...
View ArticleDOM Insertion with jQuery – .prepend() and .prependTo() Methods
There are various options to insert new DOM elements using jQuery. In the first post of the DOM Insertion series, we read about .append() and .appendTo() methods. The two methods add the new DOM...
View ArticleUnified Event Handling API in jQuery – .bind() Vs .on()
In the article about the new features in jQuery 1.7, we read about the new .on() event that replaces the .bind(), .live() and .delegate() events. jQuery had a strong Event Handling mechanism with a set...
View ArticleUnified Event Handling API in jQuery – .delegate() Vs .on()
JavaScript is an event driven language. Most part of the JavaScript code is event driven. The page load, the click of a button or a link, moving mouse cursor, everything is an event. So, handling of...
View ArticleUnified Event Handling API in jQuery – .live() Vs .on()
We have been reading about the unified event handling model that brings the event handling under two main methods, i.e. .on() and .off() methods. In the first post of the Unified Event Handling Series,...
View ArticlejQuery Plugin – Generate customizable tooltips with qTip2
jQuery is the popular Open source JavaScript library that makes JavaScript development easy. The core functionality of the jQuery can be extended by using various plugins. Like jQuery, its plugins are...
View Article
