Scroll page back to the top

JavaScript Tutorials

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!
Scroll to the top of the page with jQuery

Scroll to the top of the page with jQuery

Today we will have a look at how to create a button, which, when clicked scrolls the page right to the top.
To create it we will be using jQuery's animate() method.

Sebastian Sulinski on 13th Sep 2011

Read now!
Javascript setTimeout function

Javascript setTimeout function

In this tutorial we will have a look at how we can use JavaScript function setTimeout in order to delay certain events by the number of milliseconds.

Sebastian Sulinski on 9th Sep 2011

DemoWatch now!
Simple animation with jQuery append and animate

Simple animation with jQuery append and animate

Today we will be creating a simple animation using jQuery append() and animate() methods.
The append() method allows us to dynamically create new elements and put them as the first item inside of the container, while the animate() method allows us to perform animation of the CSS properties.

Sebastian Sulinski on 8th Sep 2011

DemoWatch now!
Print section of the page with jQuery

Print section of the page with jQuery

Today we will learn how to print a section of the page using jQuery plugin PrintArea. This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the element being printed.

Sebastian Sulinski on 30th Aug 2011

DemoWatch now!
Date picker with jQuery UI

Date picker with jQuery UI

Learn how to add a date picker to your form using jQuery UI and how to convert displayed date into the SQL friendly format with the Helper class.

Sebastian Sulinski on 19th Aug 2011

DemoRead now!
Sort table rows with jQuery using Drag and Drop method

Sort table rows with jQuery using Drag and Drop method

In this tutorial we will learn how to sort table rows using drag and drop method and jQuery plugin called 'TableDnD'. We will also update the database table with new order values using ajax call and PHP PDO connector.

Sebastian Sulinski on 18th Aug 2011

DemoRead now!
Expanding input tag

Expanding input tag

Sometimes our layout doesn't allow us to have large input tags displayed in specific sections of our website. In this tutorial you'll find out how you can create an input tag that only expands to its full width when someone intends to use it, using nice sliding animation.

Sebastian Sulinski on 14th Aug 2011

DemoRead now!
Input placeholder with jQuery

Input placeholder with jQuery

Learn how to create a placeholder for your input tag with jQuery, which works with all major browsers. This tutorial is to provide 'placeholder' functionality for those browsers that do not support the new 'placeholder' attribute of the input tag introduced in HTML5.

Sebastian Sulinski on 13th Aug 2011

DemoRead now!
Sliding vertical navigation with jQuery and CSS3

Sliding vertical navigation with jQuery and CSS3

From these videos you will find out how to create a vertical website navigation with sliding effect when you move mouse over the button.
We will create all this using jQuery and CSS3.

Sebastian Sulinski on 12th Aug 2011

DemoWatch now!