background preloader


Facebook Twitter

Auto-populating Select Boxes using jQuery & AJAX. Update: due to popular demand, I’ve caved in, and written a plugin and demos with multiple-select boxes populating each other and driven from MySQL.

Auto-populating Select Boxes using jQuery & AJAX

View: Auto-populate multiple select boxes If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX. The Goal Allow the user to select a top level category from one select box and to automatically populate the sub-category. Prerequisites Latest copy of jQueryA basic understanding of JSON (don’t let this put you off – it’s really very, very easy)A server-side script that can respond to the AJAX request (though I’ve provided a simple example) Demo Our demo will specifically look to build a simple form that allows us to book human resource for a project. See the demo in action How it works Unobtrusive JavaScript The Code Server-side JSON Response.

65 jQuery Tutorials To Help You Customize Your Site. Beginner or an actual developer, you sometimes need some jQuery tutorials to customize your site or the client’s and make it a dynamic platform for its visitors. From the numerous jQuery tutorials that are on the net, I’ve selected 65 that I believe are the best you can find. A few of these are video tutorials, but most of them are presented in the oldschool form of text + images and a serious description and examples. jQuery never seemed easier. Continuing on our quest for building customizable alternatives for browser’s controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin.

You can choose the text, buttons, and actions that will be executed when they are clicked. Just about every website uses the regular navigation concepts we’re all used to. This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. It’s just so intuitive and simple. The Beatles are on iTunes! Users. Tipped - The Javascript Tooltip Framework. Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library.

Tipped - The Javascript Tooltip Framework

Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means that tooltip styles can easily be changed without having to create any images. Canvas based tooltips also have the advantage that they look great in every browser, even in IE6! Javascript API With the powerful API provided by Tipped it's possible to quickly create and control tooltips customized to your site, all it takes is a few lines of Javascript.

And more... Check out the demonstrations below or head over to the documentation to discover more awesome features. zLayer jQuery Plugin - Orientate Elements. zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect.

zLayer jQuery Plugin - Orientate Elements

Best part about zLayer is how easy, lightweight, and quick the plugin is! zLayer Example – Art By: Brandon Zomora. 40 Magical Javascript & jQuery Tutorials. 60 Useful JQuery Tutorials From 2010. 60 Useful JQuery Tutorials From 2010 Posted by Prakash on December 7th in Tutorials.

60 Useful JQuery Tutorials From 2010

Web developer created some great jQuery tutorials and today we just want list some of the 2010 tutorials which really stand out from the tradition javascript effect tutorials. Create a jQuery Confirm Dialog Replacement » SCRiPTMAFiA.ORG. FlowerOscope. 60 Excellent jQuery Image Sliders and Tutorials. jQuery image slider and jQuery Carousel plugins have become increasingly popular ingredients in web pages over the last year or so.

60 Excellent jQuery Image Sliders and Tutorials

Main reason for this is that image sliders are very powerful for featuring top content in a visual and appealing way. This, without taking too much of the limited space e.g. on front pages of websites. Not only are images supported, a recent trend in this area shows that also videos and even layered HTML with animations, known as jQuery content sliders are supported. In my opinion popular JavaScript frameworks like jQuery have made, what was once only for hardcore developers, easily available to any web designer.

The massive popularity of jQuery has attracted many talented developers that are constantly releasing all kinds of amazing and powerful jQuery plugins. Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). Advertisement Article Index Saloon. jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation.

jQuery Quicksand plugin

Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs Fork on GitHub. Facebook Style Event Creator With jQuery and Ajax.