JavaScript Tutorials

Showcasing how jQuery can be used in combination with the most popular templating engine for PHP and a popular PHP framework with a simple example.

How to create a simple image viewer using javascript and PHP

Learn how to create a tabbed area with jQuery for Wordpress or any HTML/CSS/PHP website.

This tutorial will show you how you can dynamically change the contents of your web pages with the click of a link by using a little bit of AJAX and JavaScript.

Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we’re going to build a really cool animated navigation menu using just CSS and jQuery.

This is an incredibly easy way to add a Google Map to your website. * It’s free * It keeps the look of your site * Easy to set up This includes a Video Tutorial and the files to get you set up in minutes

This tutorial will walk you through setting up a drag and drop script using Ajax and PHP We’ll be doing two things. * PART ONE: We’ll setup a sortable drag and drop task list that is integrated with your mysql database * PART TWO: We’ll modify our code to make this a mini CMS that allows us to drag and drop to sort things and have those changes reflected on other pages.

Last time, I provided a reasonably decent solution for creating a HTML friendly Javascript image gallery using mootools. After taking in some of its faults, and learning more about javascript, I’ve rewritten the whole code, and have came up with a new version.

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools worked. So in this tutorial we'll recreate that same effect ... but we'll do it in jQuery!

This hack uses the POST HTTP request method to send data, communicating with the server without disrupting the user's interaction with the application. It then displays the server's response to the user.