background preloader


Facebook Twitter

Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP. It is a clear fact that Ajaxed interfaces, if not overused, eases using websites so much.

Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

For an e-commerce website, this can mean a better shopping experience for customers where they can concentrate more on the products which may result in better sales. This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.

The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects. Other Add-To-Basket Tutorials Built on This Example: To try the demo or download the script: Sponsors Of E-Commerce Week: The HTML Rather than the formatting of the page, as you can design it however you prefer, we'll be focusing on the vital parts which does all the tricks. HTML For The Product's Wrapper: 1. 2. 3. 4. 5. 7. 8. The Highlights: HTML For The Basket: 1. 2. 3. 4. 5. 6. <! The JavaScript (jQuery) 05. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups. Update: jQuery UI Slider from a Select Element - now with ARIA Support. What's This All About? Our selectToUISlider plugin uses progressive enhancement to scrape the data from a select element (or two for a range) and generate a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. It also allows the user to interact and make a choice with or without javascript, since the select element can be used if the slider is unavailable. The plugin enhances the jQuery UI slider in many ways, adding text labels and ticks on the slider axis, and tooltips that appear while a slider is being used.

In this most recent update, we've also added ARIA support and a tabindex to the slider, allowing it to be accessible to users on assistive technologies, such as a screen reader. Working Demo: View in a new window So what is ARIA Anyway? jQuery Buzz [map]