JavaScript Tutorials

How to setup click tracking on external links with Google Analytics on any site.

How to use jQuery Flash to insert shockwave files in your Wordpress articles. Probably works for any CMS that doesn't filter out HTML.

A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let's improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.

Last week, Philo showed you how to implement sIFR3. This time, I'm going to show you how to implement Facelift Image Replacement (or FLIR), an alternative to sIFR that does not require Flash.

In this quick tip, I'll show you how to load data from an XML file onto a blank page. We'll work with the $.get function and will also implement a loading gif while the information is being retrieved. We'll be displaying a simple list of recommended web development books. Let's go ahead and get started.

Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. It can be utilized to create completely unique interfaces without having to be a coding God - using only one line of code!

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.

Simple how to on using jQuery JSON to pass javascript objects to PHP. In PHP we use the new json_encode and json_decode functions to make sense of the information we get from the Javascript through Ajax.

Do you want to build more dynamic, responsive, desktop-like web applications like Gmail and Google Maps? Then this article is for you! It guides you through the Ajax basics and through the process of building a simple Ajax application.

JavaScript libraries such as MooTools can save a lot of time when developing a site. In this tutorial, I'll be showing you how to combine many of MooTools's functions to create a nice photo gallery.