Scroll page back to the top

JavaScript Tutorials

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!
Center object on page with jQuery

Center object on page with jQuery

In this tutorial I will show you how you can easily center the object (form, div etc.) on the page using CSS and some jQuery. You will also learn how to update the position when browser window re-sizes.

Sebastian Sulinski on 30th Sep 2011

DemoRead now!
markItUp and PDW File Browser

markItUp and PDW File Browser

markItUP is a JavaScript based markup editor, which I personally find very useful. One thing it lucks however is the file browser, as by default Image button asks for the path to the image.

This tutorial explains how you can connect the default Image button to the PDW File Browser and enjoy the nice features of both plugins. This approach is also suitable for any other Standalone installation of PDW File Browser.

Sebastian Sulinski on 25th Sep 2011

Watch now!
Html Tooltip with jQuery

Html Tooltip with jQuery

Tooltip allows us to show some essential information, which cannot always be displayed directly on the page.
It is a useful feature, and if wisely used - it can enhance the usability of your website.

Today we will have a look how to create a Tooltip with HTML elements such as images, headings and paragraphs using jQuery.

Sebastian Sulinski on 21st Sep 2011

DemoWatch now!