Web Design Core |
| 20 Useful AJAX Tutorials And Techniques Posted: 11 Jul 2012 10:08 AM PDT Using AJAX on websites and applications has become much granted. Users expect it. They want it to be editable; they need search queries to be auto-suggested and submit a form without refreshing the page because those things increase browsing easily and enjoyable. 1. A Simple AJAX Driven jQuery Website This time we are going to create a simple AJAX website with jQuery and the right amount of PHP & CSS. It is going to have a few pages loaded by AJAX from the PHP back-end, and a complete support of the browser history – a real pain for any AJAX or Flash site . Demo & Download Recently, Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once.Also, at the same time, they expanded their API to include list management functionality. 3. Voting with Jquery,Ajax and PHP This script helps you to display user votes on blog post. IP address based voting system. In this tutorial I'll show you how easy it is to do just that submit a contact form that sends an email, without page refresh using jQuery. 6. Star Box Star box allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype java script framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Star box is all about and read on for more information on how to customize your own Star boxes. One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. 8. 9Lessons I received a lot of request from my readers that asked to me how to implement Autosuggestion search with jquery. I love face book API it’s neat, so I had developed Face book like Autosuggestion user search with jQuery, Ajax and PHP. 10. Shopping cart In this tutorial we are going to create an AJAX-driven shopping cart. All the products are going to be stored in a My SQL database, with PHP showing and processing the data. jQuery will drive the AJAX-es on the page, and with the help of the simple tip plug-in will add to an interactive check out process. 11. Parse XML with Jquery Demo Sitemap In this tutorial I will show you how to parse or process an xml document to display the data on a page in html form. It can be used to filter raw RSS feeds, set up a cool sitemap on your blog or even the groundwork for your own search auto complete. 12. How to Create an Ajax Style File Uploader In this tutorial we will be creating a simple Ajax style file up loader using jQuery, Ajax and Php. Something you can easily implement on your site, complete with front and backend validation. 13. Vista Like Ajax Calendar version The Vista-like Ajax Calendar version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools java script framework, AJAX, XHTML, CSS and PHP. 14. Yens Design Continuing with the tutorials about AJAX and jQuery we will create a stunning and dynamic shout box based in PHP and AJAX (using jQuery). I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customize it a lot more (this has been demonstrated with the other apps i have written here)! Ajax Fancy Captcha is a jQuery plug-in that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing "verify humanity" tasks. In order to do that you are asked to drag and drop specified item into a circle. 19. Delete Comments Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. 20. Dynamic Image Gallery and Slideshow This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. Recently I was looking for a nice existing script for a client project. I wanted something elegant, simple and lightweight. Hope these tutorials will help you; please give your valuable comment. About Author:  |
| You are subscribed to email updates from Web Design Core To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
