Subscribe
Tutorial search

JavaScript Tutorials


We hope that you will enjoy our JavaScript tutorials. Feel free to contact us if you would like to be a tutorial hero and contribute your own JavaScript tutorial to our site. Thank you !

Sort by:
A JavaScript Content Switcher That Works Without JavaScript
A JavaScript Content Switcher That Works Without JavaScript
This is a variation on the popular JavaScript/jQuery content sliders/switchers. This example switches content with JavaScript disabled.
Difficulty:
A JavaScript Content Switcher That Works Without JavaScript
A JavaScript Content Switcher That Works Without JavaScript
This is a variation on the popular JavaScript/jQuery content sliders/switchers. This example switches content with JavaScript disabled.
Difficulty:
Multiple select lists with jQuery, JSON, Ajax and PHP
Multiple select lists with jQuery, JSON, Ajax and PHP
Tutorial on how to prepopulate and save a multi select list selection by way of Ajax, JSON and jQuery.
Difficulty:
jQuery UI: Add Close button to dynamically added tabs
jQuery UI: Add Close button to dynamically added tabs
When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.
Difficulty:
jQuery UI: Highlight multiple dates in jQuery datepicker
jQuery UI: Highlight multiple dates in jQuery datepicker
The events are stored as UNIX timestamps in a MySQL table. We'll be getting those events from the database via AJAX and highlight them in the jQuery UI datepicker widget.
Difficulty:
jQuery UI: Add Close button to dynamically added tabs
jQuery UI: Add Close button to dynamically added tabs
When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.
Difficulty:
Progressive Enhancement: Anchor Links to Side Tabs
Progressive Enhancement: Anchor Links to Side Tabs
Here is an example of progressive enhancement technique using jQuery to turn anchor links into side tabs.
Difficulty:
jQuery UI: Highlight multiple dates in jQuery datepicker
jQuery UI: Highlight multiple dates in jQuery datepicker
The events are stored as UNIX timestamps in a MySQL table. We'll be getting those events from the database via AJAX and highlight them in the jQuery UI datepicker widget.
Difficulty:
Progressive enhancement: Accordion Style FAQ's with jQuery
Progressive enhancement: Accordion Style FAQ's with jQuery
Condense a lengthy FAQ page with accordion style navigation, making your answers only appear when the questions of interest are clicked.
Difficulty:
Progressive enhancement: Accordion Style FAQ's with jQuery
Progressive enhancement: Accordion Style FAQ's with jQuery
Condense a lengthy FAQ page with accordion style navigation, making your answers only appear when the questions of interest are clicked.
Difficulty:
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
This tutorial shows how to create a navigation which contains items that slide out on hover. The item expands and an icon is shown above the text link. Learn how to code the CSS and the jQuery function.
Difficulty:
Make Animation Online - fade in and fade out
Make Animation Online - fade in and fade out
Make animation of fade in and fade out online in javascript.Introduce a script of fade in and fade out less than 20 lines.
Difficulty:
Make Animation Online - fade in and fade out
Make Animation Online - fade in and fade out
Make animation of fade in and fade out online in javascript.Introduce a script of fade in and fade out less than 20 lines.
Difficulty:
How to Pull Your Google Buzz with jQuery
How to Pull Your Google Buzz with jQuery
So you just got into Google Buzz few days ago and would like to embed your buzz stream into a website yourself. Here are a few jQuery lines to help you get started.
Difficulty:
Flex Level Drop Down Menu
Flex Level Drop Down Menu
This flexible menu script lets you add a multi level drop down menu to any link on the page. It supports dropping down from the anchor link or to the right of it instead, which is useful when the link is a side bar link. A nice expanding animation brings the menu into view, with the delay before the menu appears/ disappears customizable.
Difficulty:
Total Tutorials in Category: 2312