Kriya and Meditation for Software / IT Professionals. Conducted by Bipin Joshi in Thane. Read more...

jQuery

123
Seven Ways of Creating Objects in JavaScript for C# Developers
As a C# developer building ASP.NET web applications you create classes and then use their objects in your application. In JavaScript, however, there are multiple ways to create objects. This article gives you a quick overview of these available options with an example of each.
Posted On : 24 Jul 2017
Quick Introduction to Immediately Invoked Function Expressions & Closures
Modern web applications heavily rely on JavaScript and JavaScript frameworks. That's why ASP.NET developers need to be aware of JavaScript concepts such as Immediately Invoked Function Expressions (IIFE) and Closures. To that end this article presents a quick introduction to these two features.
Posted On : 19 Oct 2015
Use $broadcast(), $emit() and $on() in AngularJS
AngularJS applications may need to communicate across the controllers. Such a communication might be needed to send notifications or to pass data between the controllers. Although there can be different approaches to achieve this goal, one that is readily available is the event system of $scope and $rootScope. Both of these objects - $scope and $rootScope - support three methods namely $broadcast(), $emit() and $on() that facilitate event driven publisher-subscriber model for sending notifications and passing data between the controllers. In this article I will discuss how to raise events using $broadcast() and $emit() and then how to handle those events using $on().
Posted On : 18 May 2015
Utilize Custom Events in jQuery Using on() and trigger()
Handling client side DOM events such as click and keypress is a common task in the jQuery code. The DOM events are always bound to some or the other HTML element. However, there can be situations where you may need to flag some application specific behavior or event. Luckily, jQuery allows you to define your own events that can be raised from within your code. This article shows how jQuery's on() and trigger() methods can be used for the task just mentioned.
Posted On : 09 Mar 2015
Understanding JavaScript Prototypes (and creating your own "$" library)
Many web applications developed today use some or the other JavaScript library or framework. These libraries and frameworks heavily rely on what is known as JavaScript prototypes. Therefore, it would be interesting to any web developer to understand this concept. This short article explains in brief what JavaScript prototypes are and how they form an integral part of many of the popular JavaScript libraries. You also learn to create your own "$" library.
Posted On : 17 Sep 2014
Using LinkedIn JavaScript API for User Authentication and Profile Retrieval
Integrating third-party sign-in with a website is quite common these days. Just like Facebook and Twitter, LinkedIn too allows you to ingrate LinkedIn authentication with your own website. One simple way to achieve such an integration is to use LinkedIn JavaScript API. Using this API you can authenticate a user with their LinkedIn credentials and also retrieve their profile and connection information. Once retrieved you can use that information to integrate LinkedIn authentication with your website's security and membership framework.
Posted On : 11 Mar 2014
One Time Event Handlers using jQuery and ASP.NET
Most of the times the JavaScript event handlers attached with an element fire every time the event under consideration is raised. For example, if you wire a click event handler to the click event of a button then clicking that button will invoke the event handler function every time. At times, however, this behavior is undesirable. You can unsubscribe the click event handler when it gets executed the first time. That means you need to create event handlers that fire only one time. Luckily, jQuery provides an inbuilt way to accomplish this task - one() method.
Posted On : 06 Mar 2014
Displaying File Upload Progress using jQuery UI Progressbar Widget
While uploading large files you may need to display the progress of the file upload operation to the end user. This can be done using HTML5 and jQuery UI's Progressbar widget. While HTML5 also has progress element that can be used to render a progress bar, jQuery UI's Progressbar widget offers more configuration and theming options. In this post you will use XMLHttpRequest (Level 2) object to upload files to the server. The XMLHttpRequest object now supports file upload related events such as progress that can be used to track file upload progress.
Posted On : 28 Sep 2013
Displaying a Progress Indicator During jQuery Ajax Calls
Unlike traditional full page postback, where a user can easily understand that the page is being processed, Ajax based communication doesn't give any clue to the user about the processing being done in the background. This is especially important when the Ajax calls involve lengthy server side processing. It would be nice if you show some progress indicator or wait message to the end user while making Ajax calls. To that end this article shows one simple way of displaying such a progress indicator.
Posted On : 20 Sep 2013
Three ways of attaching success, failure and completion callbacks to jQuery $.ajax()
While using jQuery $.ajax you often need to perform some custom operations upon successful completion of the Ajax request. You may also need to handle errors (if any) that are thrown while issuing the request. To that end jQuery allows you to wire three callback functions. Moreover these callbacks can be wired using three distinct techniques as illustrated in this article.
Posted On : 31 Aug 2013
123