Scroll page back to the top

JavaScript Tutorials

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.

Time: 07:27 min

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.

Time: 15:83 min

Sebastian Sulinski on 12th Aug 2011

DemoWatch now!
Sliding navigation with jQuery and CSS

Sliding navigation with jQuery and CSS

This tutorial explains how to create a sliding navigation with jQuery and CSS where with mouse over event current label slides up and new one slides in.

Time: 10:14 min

Sebastian Sulinski on 11th Aug 2011

DemoWatch now!
Star rating with CSS, jQuery, PHP and MySQL

Star rating with CSS, jQuery, PHP and MySQL

This series will explain how to create a star rating option for the list of items using CSS, jQuery, PHP and MySQL to store the votes in the database.

Sebastian Sulinski on 28th Jul 2011

DemoRead now!
Cross fade image slideshow with Previous and Next buttons

Cross fade image slideshow with Previous and Next buttons

I this tutorial we will learn how to create a slideshow with cross fade transition between the images when the Previous or Next button is clicked. To do this we will use jQuery and some CSS styling.

Time: 11:89 min

Sebastian Sulinski on 22nd Jul 2011

DemoWatch now!
Horizontal Bar Chart with jQuery and CSS

Horizontal Bar Chart with jQuery and CSS

Today we will learn how to create an animated, horizontal bar chart using jQuery and CSS. For testing purposes we will also create options to update percentage manually and watch bars animate their length.

Time: 22:29 min

Sebastian Sulinski on 21st Jul 2011

DemoWatch now!