Two Example Usage of jQuery On() Method

How are you guys? Many friends asks me what is the use of jQuery on() method, where and when can we use it and why is it important. So in this tutorial, I’m going to give you two example situations where we can use the jQuery on() method. By definition, jQuery on() method attaches an… Continue reading Two Example Usage of jQuery On() Method

A Quick Way To Create A Vertical Accordion With jQuery

Today we are going to create a vertical accordion from scratch, using jQuery of course! We will have few lines of code that would be easy to understand. I used this code when I was asked to create an accordion for a website’s headlines. So in this example code, we will have: Three headlines, one… Continue reading A Quick Way To Create A Vertical Accordion With jQuery

Dynamic and Dependent Drop Down List Using AJAX

This tutorial will teach you how to make Dynamic and Dependent Drop Down List using AJAX. We are using PHP and MySQL as well. Example #1 LIVE DEMO Create index.php Create index.php with the following Basic HTML Code Retrieve ‘Teams’ from database Put the following code between the ‘body’ tags of the previous section. Create… Continue reading Dynamic and Dependent Drop Down List Using AJAX

jQuery slideToggle Example – Solution to Table Row’s Long List of Options

When building a web application, there are some situations where you want to have long list options for a table row data. This is where jQuery slideToggle example will be very useful. In our example for today, I have a list of “Authors”, I wanna have the ability to go to their websites, list of… Continue reading jQuery slideToggle Example – Solution to Table Row’s Long List of Options

How To Make Responsive Web Design CSS Code?

In today’s tutorial, I’m going to show you a systematic and very simple way to create a responsive website with CSS3 media queries and HTML5. Responsive web design has been around for few years now and is widely accepted as a new standard when building a modern website. LIVE DEMO For the “live demo”, please… Continue reading How To Make Responsive Web Design CSS Code?

Facebook Album Preview jQuery Plugin

Hi there guys! Today I want to share with you a jQuery plugin that I made. This jQuery plugin will enable your users to preview your web albums instantly. My inspiration here is the Facebook albums, if you have a Facebook account (I’m sure you have, haha!) and wanted to view the list of albums,… Continue reading Facebook Album Preview jQuery Plugin

Convert a DIV Area to an Editable HTML Form

Hello guys! today we are going to do a code that converts a DIV area to an editable HTML form and save the changes to the database. We are going to use jQuery, PHP & MySQL ofcourse. My inspiration for this post is Youtube! LIVE DEMO For beginners, this post covers some useful stuff like:… Continue reading Convert a DIV Area to an Editable HTML Form