John Cox

Blogs · @wyome

Tagged ajax · everything

AJAX Tutorial with Prototype

This is a tutorial demonstrating a practical AJAX implementation using the Prototype JavaScript library, where a zip code input field triggers real-time server lookups to display the corresponding city and state. The example walks through the complete setup—including HTML form structure, client-side JavaScript that fires on each keystroke using Prototype's Ajax.Updater, and server-side ColdFusion code that queries a zip code database and returns formatted results or error messages. The tutorial illustrates core AJAX concepts like asynchronous requests, DOM manipulation, and error handling in a simple, accessible way suitable for beginners.

Permalink

SynchroEdit

SynchroEdit is a browser-based collaborative editing tool that allows multiple users to simultaneously edit the same document while seeing real-time synchronization of all changes, with each user's edits displayed in a distinct color and marked with their position flag. The system consists of a request server, a Java-based sync server, and browser-based client scripts that track changes through the DOM rather than traditional locking mechanisms, enabling users to safely edit different sections without interference even during network lag. The tool is designed for various collaborative scenarios including pair programming, wiki editing, conference note-taking, and classroom collaboration, and can be integrated into existing platforms like MediaWiki and WordPress.

Permalink