ajax

TwitterFacebook
Get flash to fully experience Pearltrees
database

examples

webmail

This is a test of Google Suggest -type lookups for a query. This technique uses XmlHttp requests to get a new list of lookup results in the background every time the value in the lookup field changes, so this page doesn't have to be reloaded over and over again. To improve performance, lookup results are also cached locally so duplicate requests aren't made during a given session. Just start typing a US Zip Code (sort of slowly, for the best effect) in the input box below, and a database list of zip codes will be searched as you type, presenting you with up to 10 matches for what you're typing. You can then use your mouse or the arrow keys to select a zip code from the drop-down list that appears, and either click the result (if you're using a mouse) or press enter or tab (if you're using the arrow keys) to select a value. Notes about this technique:

Zip Code Lookup Test

http://www.nsftools.com/tips/ZipLookupTest.htm
http://www.go4expert.com/forums/showthread.php?t=438 HTML Code: JavaSrcipt Form Validation function validateForm(oForm) { //oForm refers to the form which you want to validate oForm.onsubmit = function() // attach the function to onsubmit event { var regex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if(oForm.elements['email'].value.length Enter email : new validateForm(document.forms['email_check']);

Form validation with PHP & JavaScript

http://www.noupe.com/javascript/most-wanted-ajax-techniques-50-ajax-examples-and-tutorials.html

Most Wanted Ajax Techniques: 50+ Examples and Tutorials | Noupe

The list below is made up of the best 50 FREE scripts available, they are all of the highest quality and more or less easy to configure. Give them a try. Create one ‘master’ form, and use server side DOM manipulation with Jaxer to disable, or completely remove certain form elements before they reach the client’s browser.

50 Excellent AJAX Tutorials | Tutorials | Smashing Magazine

http://www.smashingmagazine.com/2008/10/16/50-excellent-ajax-tutorials/ AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation. This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more. 4
These images are all released into the public domain . Right click and save if you want to use one for your AJAX application or the like. If you do use them, I'd love to be told about it .

AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something

http://mentalized.net/activity-indicators/

Use AJAX and PHP to Build your Mailing List [JavaScript & AJAX Tutorials]

An elegantly designed site filled with engaging content is worth very little without an interested audience. An opt-in mailing list is one of the most effective methods of making contact with your audience and driving repeat traffic to your site. If visitors enjoy and trust your site, they’re likely to trust you with their email addresses — after all, they’ll want to be informed of new products, articles, or other relevant information. This is a great way to build relationships with your site’s users, and encourage them to come back to your site again and again. In this article, we’ll learn to use AJAX to accept subscriptions to your mailing list without having to refresh the page; with this approach, your signup process will be quick and painless. Our AJAX sign up form will also be able to accept subscriptions from visitors who don’t use modern, AJAX-capable browsers. http://www.sitepoint.com/use-ajax-php-build-mailing-list/
http://coding.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/

40+ Tooltips Scripts With AJAX, JavaScript & CSS | Developer's Toolbox | Smashing Magazine

We’d like to thank Jurgen Koller for compiling an extensive list of tooltip scripts 1 we’ve stumbled upon during our search. It gives many useful pointers, but we’ve managed to find some more. You might be willing to use Koller’s post as a quick reference for your search.
When it comes to design of modern web-applications, Ajax is considered as a standard approach. Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using Ajax libraries and nifty Ajax scripts. Ajax is useful and powerful . However, when using Ajax, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of Ajax, you can easily confuse your visitors offering too much control and too many features. http://coding.smashingmagazine.com/2008/04/15/60-more-ajax-and-javascript-solutions-for-professional-coding/

60 More AJAX- and Javascript Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine

20 Excellent AJAX Effects You Should Know - NETTUTS

http://net.tutsplus.com/tutorials/javascript-ajax/20-excellent-ajax-effects-you-should-know/ There are a few special techniques or effects that can spice up just about any web page. These are the top 20 Ajax effects that every web developer should know. They’re essential parts of any web developer’s toolbox. If you haven’t seen them yet, you no doubt will in your future web development endeavors. 1. TextboxList meets Autocompletion
Author’s note: Title of this article, by request, was changed to reflect the content featured in this list. I apologize for the confusion this may have caused, and better quality control will be implemented in subsequent articles. GreyBox allows you to launch other websites in a modal window (like a pop-up window, but it doesn’t open another browser).

10 AJAX Effects to Boost Your Website’s Fanciness Factor | Six Revisions : Web Development and Design

http://sixrevisions.com/javascript/10_ajax_effects_website_fanciness/
The Front-end The front-end of this project consists of an HTML file and two JavaScript objects. The HTML includes the JavaScript and represents user postings. The user postings could represent anything, such as to-do lists, notes and so on.

Database-enabled Ajax with PHP - WebReference.com-

the best resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more.

June 28, 2007 AJAX and PHP 5 both have powerful features for processing and using an XML document. XML is a method of formatting data often for communication purposes between different computer systems. In this article, we will show you how to access an XML document with AJAX! Basically the AJAX client-browser and the PHP server can communicate any kind of data (except images and binary) by means of XML documents. Part 1 of this series on AJAX and PHP showed the basics of AJAX communication, and if you are not familiar with AJAX you should read Part 1.

the best resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more.

So you're interested in AJAX? AJAX is a powerful addition to JavaScript for browser-to-server intercommunication. We will demonstrate a simple script that sends a GET or POST request to a form handling script on a server, then the server script will return a response to the browser XMLHttpRequest JavaScript object. A brief technical explanation of AJAX AJAX is a client/server system.
This page was last updated on 2010-01-08 What is “Ajax”? Ajax is actually a family of technologies that have been available for years. The means to make requests to the server using only JavaScript were built into Internet Explorer 5.5, but the possibilities of the technology were overlooked. It was only in 2005 that the techniques were rediscovered and used, notably to excellent effect in Google’s » GMail web application. The term Ajax, which stands for “Asynchronous JavaScript and XML”, was first coined by Jesse James Garrett in his somewhat infamous article, » Ajax: A New Approach to Web Applications .

Ajax | tutorial, cross-browser Ajax || HTMLSource ]

3 Practical Uses For AJAX

There are 2 simple functions that are required for AJAX to work. They handle everything needed to pass data to the server and also to process the response back from the server. We will create a .JS file containing these 2 functions. They will be used in each of our 3 AJAX examples.