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:
Build a productivity package with the Zend Framework & Google Apps
Build a productivity package with the Zend Framework & Google Apps
Google Apps provides incredible productivity tools including sharable calendars, collaborative documents, spreadsheets and more. Zend Framework V1.5 provides an API to connect to these services to extend what these tools offer. In this three-part tutorial series, learn how to build a Web site using Zend Framework V1.5 to connect to several Google productivity applications.
Difficulty:
Very Simple AJAX
Very Simple AJAX
This is a very simple method for using AJAX with your web applications.
Difficulty:
Bookmark/Add to Favorite in Javascript
Bookmark/Add to Favorite in Javascript
In this little article you will learn how to create a link , which when clicked will bookmark (add to favorite) a page with the help of javascript.
Difficulty:
JavaScript Tabs (that actually toggle)
JavaScript Tabs (that actually toggle)
Want tabs that only display one at a time? No matter the order you click through them? Well, here it is. This tutorial also gives you the bare code, not the styling or html behind it. It gives you examples, but it does not limit you to only one look for your tabs or content.
Difficulty:
MAC Address Using WMI on Internet Explorer
MAC Address Using WMI on Internet Explorer
This article helps you in finding the MAC address of a client machine on IE using WMI Library
Difficulty:
Build an AJAX Powered Shopping Cart
Build an AJAX Powered Shopping Cart
The NETTUTS community asked for it. So here you are! One of the innovations of the web is online shopping. It allows us to buy things without ever leaving the comfort of our homes. However, the most basic element of online shopping, the shopping cart, has not evolved much. In this tutorial, we're going to make an AJAX powered shopping cart using PHP, jQuery, and a few nifty plugins.
Difficulty:
Professional Javascript Based Photo Viewer
Professional Javascript Based Photo Viewer
This tutorial will walk you through installing and configuring Lightbox 2. Lightbox allows you to show your pictures on your site in a whole new light. It gives you a sleek and professional look and is VERY easy to implement.
Difficulty:
Create an AJAX chat
Create an AJAX chat
A fully functional, clean looking realtime chat script for your site, with explanation. Uses a PHP/MySQL backend. Basic javascript and PHP knowledge are recommended.
Difficulty:
Force IE6 to Display Alpha Transparency
Force IE6 to Display Alpha Transparency
We're running short on quick tips! That means we need your expertise! For tonight's evening tip, I'll simply refer you to the "2 Minute Video Tip" that I created on my personal site, Detached Designs, this morning. We'll be back to the normal format tomorrow. Keep reading if you have some ideas.
Difficulty:
How to Create an Amazine jQuery Style Switcher
How to Create an Amazine jQuery Style Switcher
In this tutorial I will be showing you how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.
Difficulty:
Build an Incredible Login Form with jQuery
Build an Incredible Login Form with jQuery
One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it.
Difficulty:
Create a "Click and Drag" Function with Javascript
Create a "Click and Drag" Function with Javascript
In many modern web applications, developers look for ways to make it easier and more intuitive for users to interact. A drag and select function can help your users select multiple objects quickly.
Difficulty:
jQuery and Check Boxes
jQuery and Check Boxes
Tutorial on how to create a searchform containing check boxes, when submitted we get all checked checkboxes through jQuery and send a JSON string via Ajax that will be used by PHP to get the search result.
Difficulty:
Making Wordpress comments collapsable using jQuery
Making Wordpress comments collapsable using jQuery
Some blogs have over 100 comments on every new posts, wich makes the page extremely large. So lets say you want to shorten those pages by making the comments collapsable, well there is a easy solution for that! jQuery! We are going to intergrate jQuery into Wordpress and make the comments collapsable!
Difficulty:
YUI-based alert box - replace your ugly javascript alert box
YUI-based alert box - replace your ugly javascript alert box
This tutorial will explain how you can override the default alert box of your browser, without modifying your existing code and by adding 2 lines of javascript code.
Difficulty:
Total Tutorials in Category: 2312