Examples


Friday, November 25th, 2005

Apache Velocity: Speed up your Ajax

Category: Articles, Examples, Java

Dirk Rost has started a series of columns on how to build Ajax applications using the Apache Velocity templating language. The first piece is the ubiquitous Live Search. Dirk focuses on the server-side piece that make the following Ajax call work: <input autocomplete=”off” id=”idMatch” name=”match” size=”30″ type=”text”>  <div class=”auto_complete” id=”match_auto_complete” ></div> <script type=”text/javascript” language=”javascript”> new Read the rest…

Posted by Dion Almaer at 10:19 am
1 Comment

+++--
3.3 rating from 23 votes

Wednesday, November 23rd, 2005

Panoramio.com – slick photo mashup with Google Maps

Category: Examples, Mapping, UI

Panoramio.com is a new photo service/Google Maps mash up. Although there are similiar mashups, this one stands out because of its simple, well designed interface. You upload a photo just by clicking on the location on the map and filling out the pop up form, without any need to log in. There is a nice Read the rest…

Posted by Rob Sanheim at 12:33 pm
2 Comments

+++--
3.2 rating from 13 votes

Monday, November 21st, 2005

AOL’s Answer to Flickr

Category: Examples

AOL takes a cautious step towards Ajax with its rebranded image manager,AOL Pictures (login required). It’s not exactly Ajax as we know it: Most tools, including those used for photo editing and batch uploading, are not AJAX, but are Active X controls, meaning only users of Internet Explorer will be able to use them. And Read the rest…

Posted by Michael Mahemoff at 5:45 pm
1 Comment

+++--
3.3 rating from 8 votes

Thursday, November 17th, 2005

ASP.Net Atlas demo app and movie

Category: .NET, Examples, Presentation, Screencast

Atlas is Microsoft’s big push into the Ajax space for the .NET platform (read our past posts or read Scott Guthrie’s “Atlas Unleashed” for more info). Well, XML for ASP posted the strangely named “Using Atlas to View Customers”. It has sample code and a video presentation of a demo app using Atlas to retrieve Read the rest…

Posted by Rob Sanheim at 8:44 am
2 Comments

+++--
3.7 rating from 42 votes

Wednesday, November 16th, 2005

Meatball wiki adds asynchronous updates to recent changes

Category: Examples

The Meatball wiki has added ajax functionality to its RecentChanges page and the history view of diffs for a page. You can read the reasoning and some implementaton details for this at the AsynchronousAutorefresh page on Meatball: Therefore, add asynchronous auto-refreshing to RecentChanges for those browsers that support it. Highlight new information, both graphically and Read the rest…

Posted by Rob Sanheim at 1:53 pm
Comment here

+++--
3 rating from 5 votes

Tuesday, November 15th, 2005

Del.icio.us Tagrolls

Category: Examples

One of the meme’s of Web 2.0 seems to be the tag rolls that you see on sites like del.icio.us. They give you the instant cue to “what is hot” on the site, in a fun way. Del.icio.us just gave us a way to add these tagrolls to our sites, and what is fun about Read the rest…

Posted by Dion Almaer at 10:23 am
Comment here

+++--
3 rating from 5 votes

Ajax Activity indicators with Rails

Category: Examples, Ruby

One of the definite patterns in Ajax is the activity indicator, the tool that we use to let a user know that we are talking back to the server, at that point. Thomas Fuchs of script.aculo.us has written up how to simply do this in a Rails-based application: Create an element on the page that Read the rest…

Posted by Dion Almaer at 9:23 am
9 Comments

+++--
3.9 rating from 31 votes

Monday, November 14th, 2005

A-Tree: Amazon Catalog in a dynamic tree component

Category: Component, Examples, JavaScript

Veerendra Shivhare has made an interesting “live tree” view of Amazon’s entire product catalog. He expanded upon the JSCookTree component so that each level of the tree retrieves Amazon product data in the background. Its an interesting way to view Amazon’s catalog, and illustrates what you can do by extending a plain javascript component with Read the rest…

Posted by Rob Sanheim at 3:14 pm
4 Comments

+++--
3.1 rating from 13 votes

Friday, November 11th, 2005

Bloxpress: A Modular Ajax WordPress theme

Category: Examples, PHP

Mentor has been working on an Ajax WordPress theme for quite awhile, and he recently set up a demo site to get feedback and track down bugs. Every component of the sidebars can be positioned via drag and drop, and you can also remove components using a handy “toolbar” at the top. You can then Read the rest…

Posted by Rob Sanheim at 10:48 am
3 Comments

+++--
3.8 rating from 8 votes

Wednesday, November 9th, 2005

Accesssing Technorati Apis with Ajax

Category: Examples, Showcase

Marco Rosella put together the Technorati API, the Duck Soup PHP library, and good old XMLHttpRequest, and built an ajax technorati query. Macro explains how it works, and released the scripts that made this work. Another simple example of using Ajax to hit web services somewhere out there.

Posted by Dion Almaer at 7:19 am
Comment here

+++--
3.3 rating from 6 votes

Tuesday, November 8th, 2005

Ajax Patterns Reader

Category: Examples

Michael Mahemoff is a busy man on the patterns side of Ajax, and even ended up with the typical Ajax example: an ajax patterns reader! The reader grabs the AjaxPatterns.org content and presents them Ajax-style. You actually queue up patterns in a playlist and click “Next” to “play” them. Yeah, a bit contrived, but it Read the rest…

Posted by Dion Almaer at 9:11 am
1 Comment

+++--
3 rating from 5 votes

Web 2.0 Mashup Matrix

Category: Examples, Fun, Web20

ProgrammableWeb.com has a neat little matrix displaying all sorts of web 2.0 mashups when you hover over the intersection of two sites. For instance, hover over the intersection of Google Maps and Flickr and you’ll see geobloggers pop up. Hover where Google Maps meets itself, and you’ll see the sixty or so services built on Read the rest…

Posted by Rob Sanheim at 1:34 am
1 Comment

+++--
3.3 rating from 9 votes

Wednesday, October 26th, 2005

JavaScript, HTML, CSS, and More Cheat Sheets

Category: Examples

This entry is just a pointer to an interesting resource that links to more cheat sheets that you can imagine. As well as HTML / CSS versions, there is also info for various scripting languages, databases, and more. JavaScript Cheat Sheets JavaScript Cheat Sheet HTML Cheat Sheets HTML Cheat Sheet HTML Tags Cheat Sheet HTML Read the rest…

Posted by Dion Almaer at 11:30 am
5 Comments

+++--
3.4 rating from 10 votes

Thursday, September 29th, 2005

Ajax with images and stylesheets

Category: Examples

This should be filed under the quirky category :) Julien Lamarre has demonstrated doing Ajax-style callbacks not using XHR. Nor iframes. Nor Java. Nor Flash. He implemented it with images and CSS. Ajax using an image The client to server connection works by sending a request to the server using a dynamically created image with Read the rest…

Posted by Dion Almaer at 12:39 am
9 Comments

++++-
4.1 rating from 37 votes

Wednesday, September 28th, 2005

Upload multiple files with a single file element

Category: Examples

The Stickman posted a solution that lets you have one displayed <input type=”file” …>> that allows you to select multiple files (one by one), and then send them all up to the server. The implementation creates multiple file upload inputs, and keeps all but one hidden. Read about the solution Download the code

Posted by Dion Almaer at 9:30 am
1 Comment

+++--
3.7 rating from 30 votes

Thursday, September 15th, 2005

Ajax Pages Released: Think JavaScript Server Pages

Category: Examples, JavaScript, Library

A new open source project named Ajax Pages has been released. This beast takes JSP/ASP approaches and builds SinglePageApplications using JavaScript. Ajax Pages is a scripting template engine that enables rapid development of Ajax Web-based Applications, just like GMail, Google Maps, A9 and Backpack, but without having to manipulate complicated Document Object Models to make Read the rest…

Posted by Dion Almaer at 1:12 am
Comment here

+++--
3.3 rating from 6 votes