Category JavaScript

Understanding this Keyword in JavaScript

this keyword is one of the most confusing in JavaScript. This article will help you understand the value of this keyword contains in different scenarios like in global space, global functions, object literal methods, inner functions, constructor functions, prototype methods, callback functions, controlling the value of this using apply, call, and bind methods. Finally this keyword in event handlers.

Functional Programming Using JavaScript

Programmers use different techniques to achieve abstraction and hide complexity e.g Object Oriented techniques does exactly that. They do so because programs grow at fast pace and they quickly become complex. Humans are intelligent but they can handle complexity to a particular level. So basically Functional programming is also used to hide complexity of programs using functions.

sBubble: jQuery/CSS3 Tooltip Plugin

sBubble is a jQuery tooltip plugin which is totally based on CSS3 for shapes and animations. Yes no images used and no jQuery code used for animation. Plus some color themes are also provided.

Load More – Node.js Messaging Server (Part 3)

Part 2 was introduction to Node.js and Socket.io. In this Part we will develop Twitter like functionality using Node.js and Socket.io to load new messages without requesting or pooling the server. I have given enough introduction to what we are going to develop in this part. Those who want to review can read the third paragraph from Part 2.

Load More – Introducing Node.js and Socket.io (Part 2)

Continuing the Load More series by introducing Node.js and Socket.io. This part is very detailed and easy to understand introduction to these two technologies. Each and every line of sample programs is explained assuming reader don’t know anything about JavaScript, Node.js, and Socket.io.

Form to Wizard jQuery Plugin

Janko wrote a tutorial explaining how to create a plugin which can convert html form into wizard (using legends) and he called this plugin Form to Wizard. I liked the idea of this plugin and used it in one of my project. But he wrote a tutorial so he didn’t provided any option to customize this plugin. So I added options in this plugin to customize it to meet my needs in the project. I decided to share its source on my blog.

Load More Using KnockoutJS, PHP/CodeIgniter (Part 1)

Everyone has used social networking sites and almost all of them implement Load More functionality to load additional posts/messages. Load More is actually alternate way of pagination.

There are two kinds of Load More functionality. First is to load additional content when the user hits the scrollbar at the bottom of the page. Another kind is to load new content only when user clicks on “Load More” button. Personally I prefer the second one because it reduces the load on server and load content only when user wants it and in this article we will take a look at implementing this second kind.