Scroll page back to the top

JavaScript Tutorials

Highlight content by tag with jQuery

Highlight content by tag with jQuery

In this short series we will learn how to highlight the sections of the content on page based on what html tag they are wrapped within.

Sebastian Sulinski on 8th Jul 2012

DemoWatch now!
Cookie Consent Dialog with JavaScript

Cookie Consent Dialog with JavaScript

The new EU "Cookie Law" says that all website owners have to gain the consent of their website visitors before they can use certain web cookies, which in simple terms means saving a small text file on the visitors computers, usually used to gather some statistics or to improve functionality etc. It's worth mentioning that not all cookies are considered to be "Bad" - there is a lot of material online where you can read about the issue, an example would be ICO : Guidance on changes to the EU cookie law.

This tutorial explains how to easily create a user friendly dialog, that prompts for a consent and if accepted, loads the code, which generates cookies.

The code is created using JavaScript and some jQuery - so it is platform independent and can be applied to any website.

Sebastian Sulinski on 6th Jul 2012

DemoWatch now!
Simple, on-page link extractor with jQuery

Simple, on-page link extractor with jQuery

This short series explains how to easily create an on-page link extractor using some JavaScript and jQuery. The completed code will be able to identify all links within the content of the page and append them to the designated container.

Sebastian Sulinski on 3rd Jul 2012

DemoWatch now!
Show more with jQuery

Show more with jQuery

In this short series we will find out how to display a limited number of characters of each record in the loop and how to add 'show more' link to reveal the remaining content using jQuery, PHP and MySQL.

Sebastian Sulinski on 7th Jun 2012

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

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.

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.

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.

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!