Category: Javascript

This is JavaScript description

jQuery Selectors Tutorial

jQuery provides very nice way to create DOM(Document Object Model) Element object which are called jQuery Selectors. jQuery selectors are very similar to CSS selectors and work very efficiently. In this tutorial we will explore on various aspect of jQuery Selectors. To understand this tutorial I am expecting the reader to have some basic understanding of JavaScript and DOM objects.

Various people have understanding that jQuery selectors are used to apply CSS property on the element using jQuery. But this statement is not true. Because you can also do much more thing than applying css property. As jQuery selectors create DOM objects, you can do what ever can be done using DOM object. For Example : Changing element text, adding HTML element inside the selected HTML element etc. Continue reading “jQuery Selectors Tutorial”

jQuery Performance Tuning Tips

jQuery is one of most used JavaScript library. jQuery is once of the fantastic JavaScript library developed with the thought of write less do more. Although jQuery is very optimize and scaled but sometime small mistake while using the jQuery might slowdown our website. In this tutorial we will explore on various aspect of jQuery Performance Tuning. Continue reading “jQuery Performance Tuning Tips”

How to Handle Cross Domain Ajax Request

Most of the developer knows that one can only make ajax call under the same domain by which page is being served. But we can easily make cross domain ajax call by adding some parameter in our ajax process. In this article we will explore on how to make cross domain ajax call. In this tutorial we will use jQuery for the ajax call, PHP and programming language to handle backend request and apache as web server. Cool :-)

Before proceeding to the further detail I am assuming that you have some understanding of below things

  1. Basic level of PHP
  2. Basic level of APACHE
  3. Some JQuery and AJAX concept

Continue reading “How to Handle Cross Domain Ajax Request”

jQuery Plugin Tutorial : How to write custom jQuery Plugin

jQuery is one of the most popular JavaScript framework. Beauty of jQuery is its selectors and inbuilt functions. jQuery has thought of write less do more. jQuery also has huge community support. We can extend jQuery feature by writing our own jQuery Plugin. Here in our jQuery Plugin Tutorial we will explore all aspect of plugin writing using jQuery. Before going to dive in deeper discussion on jQuery plugin tutorial I am assuming that you have intermediate level of JavaScript knowledge and beginner level knowledge of jQuery.
Continue reading “jQuery Plugin Tutorial : How to write custom jQuery Plugin”

Tutorials On LAMPP Technology

I have started tutorial due to some of my person though and reason. Even you can say that my main motive of starting techflirt.com was to publish some rich and healthy tutorial on LAMPP technology.I know writing tutorial on LAMPP topics is doing reinvention of wheel. But this is not true as per my assumption. If you want to  know reason please go through  below paragraphs very careful. This is directly from my heart and reason for writing tutorial:

When I was beginner in the field of Opensource web development, I have learned each and every thing online. Google was the only solution and for 90% of php related issue and www.php.net was favorites result of Google :-). On that time most of the website was developed using core php or using any framework. Developers were very crazy  to get basic and in-depth knowledge of technology basics. Continue reading “Tutorials On LAMPP Technology”

Javascript web page preloader

In lots of website you have seen the loading image or text like “Please wait while page is loading”. You can implement this feature by intelligently using CSS and JavaScript in your HTML code. In my post JavaScript web page preloader I will explain the step by step process for implementation of preloader in your website webpage.

 Step By Step Process for web page preloader in your website

1) First you need a loading image if you want otherwise you can use simple text like “Please wait while page is loading” or simply “Loading…” text. I have generated the preloader by Ajaxload.info website. It is really good option. Following is my loader. Continue reading “Javascript web page preloader”

Prototype.js Tutorial Example

For last 2 year I am playing with prototype.js framework. When I was in starting phase it was bit hectic for me to use and I was thinking why I am using it, . For last few month I am meeting with prototype.js on so many places like when I am using Magento or when I am using scriptaculous or when I am using cakephp. Here I am starting session of prototype Javascript. I will write about what I know and also expecting other people to share what they knows. Let us start with very beaning and in post “Prototype.js Tutorial Example” I will go to scriptaculous and other interesting things of prototype.js in my other post Continue reading “Prototype.js Tutorial Example”

Create Class Javascript Prototype.js

In earlier veriosn of prototype.js there was some basic support for creating classes and adding some method. But now in new version of prototype.js(version 1.6.0) there is some inheritance support and you can do programming in prototype,If you are not familier with prototype.js then please go to my older post “Prototype.js Tutorial Example”, you can get some understanding of setup the prototype.js with you page and also you will get some good understanding of AJAX programming with prototype.js.In my post “Create Class in Javascript Prototype.js” first we will look into the normal programming with the prototype.js like creating class and adding method and then we will move to some high level things like using inheritance. Continue reading “Create Class Javascript Prototype.js”