JavaScript Tutorials

Want to make your form input validation more cool? Read the post now, to see how.

Google webmaster like professional web tree menu with simple javascript code, this dhtml menu build in simple javascript with just 1kb js file

Visualizing Data with Flot

How often do you find that images in a website load gracefully; the kind where a loading icon first appears, and the image then fades in, once loaded? This technique can greatly boost the performance of your website. If you’re not already familiar with this method, you’re in luck! Today, we’ll create a preloader plugin for your projects. Intrigued? Let’s get started!

Updating DIV's are easy to do with JQuery's AJAX library and some small PHP scripts. This is ideal for those who don't need huge PHP scripts, for people who need small scripts to interface with their users or keep counts on things. We are going to make a counter than can be updated by users. Any user that sees the page will be able to see the value increment and increment the value.

This chapter shows a number of examples from simplifying layout in general with 'CSS-less' layout managers, to dynamic loading of content in content panes, and how to create a wizard widget with a StackContainer and a small amount of scripting.

This tutorial will show you how to create an AJAX form with PHP and jQuery. I also demonstrate how we can use a 'loading' preloader animation for the AJAX form, whilst we wait for the server to respond.

This is a short tutorial using AJAX. I know that this may be a little old, or that maybe somebody has posted this before, but I wanted to show how easy it is “ajaxify” an entire website with just few lines of code.

"Famax displays your complete Facebook Fanpage data on your website! You can post images/videos on your fanpage and it will be reflected on your webpage. You can customize Famax UI as per your requirement. Ex: Set Famax columns to 3 to display a Pinboard kindof view; set Famax columns to 2 to display a timeline kindof view, or set Famax columns to 1 to display a widget kindof view... and so on... "

A handy jQuery code snippet which can be used to equalize height of div with jQuery.