This tutorial explains how to dynamically load vector data with Ajax, into a SVG mapping application. It explains how to dynamically load vector data into a svg mapping application, each time the user zooms or pans. This tutorial uses PostgreSQL as a SQL compatible database, Postgis as a spatial extension to the database and PHP for the serverside logic and communication.
All components are free to use, customizable and run on virtually any server platform. This is what makes the system particularly useful for low budget projects and training environments. Of course it is possible to use the same principle as described in this tutorial and exchange one or more components of the system. One could for example use a different serverside language or spatial database. more »
There has been a lot of interest in the web-facing community lately about a new useability feature that goes by a number of different names—XMLHTTP, AJAX, out-of-band requests, and asynchronous client script callbacks, to name a few. more »
With the magic of Prototype.js and Scriptaculous, the autocomplete is, in theory, extremely easy. But throw a lack of good documentation into the mix and something easy and "magical" and Bad Things Happen. more »
In this article we'll show you: (a) how to use these tools (b) what makes them completely different from other JavaScript event systems you may have used (c) why you'll never start writing JavaScript without dojo.event.connect() again. more »
This is a mini-tutorial on the black art of iframes and browser history, known to AJAX experts but rarely presented clearly. more »
AJAX is the buzzword of the moment among web developers, so much so that you could be sick of introductions to AJAX by now (if that's the case, skip down to "The Chat Web Page"). AJAX is a technology that is hotly debated from many angles, but it has stuck because it encapsulates something that is new from a user's perspective. The functionally that is newly available to all web users is "in-page replacement": the ability for a web page to change using data from a web server without totally redrawing itself. This functionality has been around in Mozilla and Internet Explorer for a while, but it is only recently that Safari and Konqueror users have been able to join in. more »
A few months ago there was a heated discussion going on about Google Web Accelerator prefetching links and at the same time wreaking havoc in web apps that used plain GET links to change the state of an application. A few tricks came up on how one could block GWA from accessing given pages, but in the end, using GET requests for operations such as deleting records in your app remained dangerous. more »
This article introduces a methodology, Ajax, you can use to build more dynamic and responsive Web applications. The key lies in the combination of browser-side JavaScript, DHTML, and asynchronous communication with the server. This article also demonstrates just how easy it is to start using this approach, by leveraging an Ajax framework (DWR) to construct an application that communicates with backend services directly from the browser. If used properly, this tremendous power allows your application to be more natural and responsive to your users, thereby providing an improved browsing experience. more »
Today I found excellent evidence that addEvent() can be harmful if it's used without intimate knowledge of the differences between the W3C and Microsoft event registration models. more »
While trying to help Dare make his MovieFinder page run in Firefox, I ran into an issue that can make developing AJAX applications a pain: when testing your pages, you need to host them in the same domain as your services. I explain the details of the problem and how the "XMLHttpRequest - Bypass Security" Greasemonkey user script solves it. more »
This is the first installment of an 4-part tutorial on writing AJAX web apps using the MochiKit JavaScript framework. MochiKit is a production-quality framework that brings powerful and well-known Python idioms to JavaScript, like Twisted Deferreds and Nevow's Stan, a domain-specific language for generating HTML from pure Python (and now JavaScript) code. more »