Scroll page back to the top

JavaScript Tutorials

HTML5 History API : pushState / popState

HTML5 History API : pushState / popState

In this short series we will have a look at the HTML5 History API and its two methods called pushState and popState in order to create an Ajax based, SEO friendly website. The first (pushState) method allows us to replace the browser's url without reloading the page, by doing so we can have our links indexed by search engines, while using Ajax to process the request and replace the content of the page. The second method (popState) makes sure that our browser's Back and Forward buttons are functioning after the pushState method has been executed.

Time: 24:48 min

Sebastian Sulinski on 9th Mar 2012

DemoWatch now!
Confirmation dialog with jQuery

Confirmation dialog with jQuery

Today we will have a look at how we can create a confirmation dialog using jQuery and some PHP.

Time: 22:05 min

Sebastian Sulinski on 25th Jan 2012

Watch now!
Change image on click with jQuery

Change image on click with jQuery

In this tutorial we will learn how to swap the image in the container with on click event using jQuery.

Time: 04:29 min

Sebastian Sulinski on 23rd Jan 2012

DemoWatch now!
Embedding Google Map without the address bubble

Embedding Google Map without the address bubble

In this, short tutorial you will learn how to embed the Google Map on your page without showing the address bubble with the address etc.

Sebastian Sulinski on 14th Jan 2012

Read now!
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.

Time: 05:32 min

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.

Time: 17:09 min

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!