Scroll page back to the top

JavaScript Tutorials

Route planner with Google Maps

Route planner with Google Maps

In this video we will learn how to create a map with the plan of the route using Google Maps. We will create a pin for each location and the line illustrating the route.

Sebastian Sulinski on 12th Jan 2012

Watch now!
Online calculator with jQuery and PHP

Online calculator with jQuery and PHP

Today we will have a look at how we can perform some basic calculations such as adding, deducting, multiplying and dividing with online calculator, built using jQuery and a small portion of PHP.

Sebastian Sulinski on 26th Dec 2011

DemoRead now!
Form overlay with jQuery

Form overlay with jQuery

In this series we will learn how to apply the overlay layer to the submitted form while the ajax is processing the request.

Sebastian Sulinski on 13th Dec 2011

DemoWatch now!
Convert string to lower case using JavaScript

Convert string to lower case using JavaScript

Today we will have a look at how to convert the content of the form field to lower case using JavaScript's toLowerCase() function and some jQuery to support it.

Sebastian Sulinski on 10th Dec 2011

DemoRead now!
Flashing text with jQuery

Flashing text with jQuery

In this tutorial I will show you how to easily create a flashing text with two effects : hide / show and replace colour using jQuery.

Sebastian Sulinski on 5th Nov 2011

DemoRead now!
VAT / Tax Calculator with jQuery

VAT / Tax Calculator with jQuery

Today we will have a look at how we can create a VAT / Tax calculator, which allows us to enter the amount, select the vat / tax rate and indicate whether the entered amount is tax inclusive or not in order to get the result that represents the tax and the total / sub-total amount.

Sebastian Sulinski on 23rd Oct 2011

DemoRead now!
ssdZoom : Image Zoomer with jQuery

ssdZoom : Image Zoomer with jQuery

Today we will have a look at creating an Image Zoomer with jQuery called ssdZoom. The Image Zoomer allows you to mouse over the image and see the enlarged portion of the image, which reflects the position of your cursor.

Sebastian Sulinski on 18th Oct 2011

DemoWatch now!
Textarea maximum number of characters

Textarea maximum number of characters

In this tutorial we will have a look at the way of limiting the number of characters in the textarea with the number of remaining characters displayed next to it.

Sebastian Sulinski on 16th Oct 2011

DemoRead now!
Position of the cursor within the container

Position of the cursor within the container

In this, short tutorial we will learn how to obtain the position of the cursor within the specific container using jQuery.

Sebastian Sulinski on 13th Oct 2011

DemoWatch now!
ssdLight : Simple Lightbox with jQuery

ssdLight : Simple Lightbox with jQuery

In this series we will create a lightbox with jQuery called ssdLight. Lightbox allows us to show the large image with the background of the page faded out. Our finished product is called ssdLight and is compatible with all major browsers.

Sebastian Sulinski on 3rd Oct 2011

DemoWatch now!