web.develop

Wer seine EMails gerne per RSS-Feed verfolgen würde, kann dies mit Mail2RSS tun. Diese kleine AJAX-Anwendung erlaubt die Registrierung einer E-Mail-Adresse, deren Eingang über RSS abgefragt werden können.

Es werden bis zu 20 Nachrichten vorgehalten, für maximal 7 Tage, Attachments werden entfernt. Die einzige Art den eigenen Feed vor ungebetenen Lesern zu schützen, ist die Wahl eines nicht (leicht) zu erratenden Benutzernamens.

Das Benutzerinterface ist klar und einfach, und dank AJAX dauert es nur Sekunden, bis der eigene Feed funktioniert.

(via Ajaxian)

Auf DevArticles ist ein weiteres Tutorial erschienen, in dem die Verarbeitung von XML-Daten erläutert wird, die per AJAX vom Webserver angefordert und an den Browser gesendet werden. Es knüpft an die zuvor erschienene Artikelserie über AJAX an, die bisher eine Einführung in AJAX sowie in das XMLDOM-Objekt umfaßt.

Wie in den vorherigen Beiträgen wird das Thema wieder in mehreren Schritten sehr ausführlich vorgestellt und das Vorgehen erklärt, von der Erzeugung des Objektes zur Verarbeitung der XML-Daten über die Auswertung der Antwort bis zum Einfügen der Informationen in die Webseite.

(via Ajaxian)

Die Sliding Doors-Technik ist inzwischen sehr beliebt bei der ansprechenden grafischen Darstellung von Tabs auf Webseiten. Allerdings ist die Anzahl und Benennung normalerweise statisch und wird bereits serverseitig generiert.

Mr. Havoc zeigt nun in einem Tutorial, wie man mit Hilfe von JavaScript clientseitig neue Tabs hinzufügen und auch wieder entfernen kann. Dabei wird der den Tabs zugeordnete Inhalt dynamisch nachgeladen.

• Easy to implement Dynamic CSS Tabs. The user can add and remove tabs (and content) without refreshing the page.
• The ability to specify default open tabs
• The ability for the website owner to specify which tabs can and cannot be closed after they are opened
• The ability to assign a different color to each tab. This makes it easier to ‘group’ tabs with similar content.
• Ajax Preloading Goodness. When a tab is opened, the contents of the tab’s panel are loaded with ajax. You can open a tab while the user is focused on a different tab. The newly opened tab will preload it’s content in the background and wait for the user to click the new tab when he or she is ready to.
• Tab Events. Each tab can have it’s own javascript code that will be triggered when a certain event happens. Such as Open, Close, Blur and Focus.
• Tested to work with Firefox 1.0, 1.5 and IE 6

(via Jens Grochtdreis)

Seien wir ehrlich: Wordpress setzt in der Version 2 inzwischen im Adminbereich zwar AJAX-Techniken ein, so zum Beispiel für den Upload von Dateien oder dem Hinzufügen von Kategorien beim Schreiben eines Beitrages. Aber das sind nur kleine Features, insgesamt gesehen ist die Verwaltung noch recht klassisch realisiert.

Da braucht es erst einen 17-jährigen Programmierer, der eine vollständig AJAX-basierte Bloglösung erstellt: logahead, basierend auf PHP, MySQL und eben AJAX.

Für eine ganz neue Anwendung ist der Eindruck äußerst positiv: alle Grundfunktionen eines Blogs sind vorhanden, unter anderem auch Tagging, Themes, RSS Feeds Widgets für die Sidebar. Was es aber besonders von anderer Blogsoftware abhebt: es gibt keinen Admin-Bereich, alles läßt sich direkt auf der Seite verwalten. Neue Artikel schreiben, die Sidebar umsortieren, Theme ändern…

Faszinierend, was ein einzelner talentierter Entwickler mit Web2.0-Techniken realisieren kann. Der Junge hat verstanden, wie es geht.

(via Max Kiesler)

Nachdem ich gestern bereits iRows vorgestellt hatte, folgt nun eine weitere Online-Lösung für Spreadsheets, Numbler.

Der Schwerpunkt von Numbler liegt bei der gemeinsamen Bearbeitung von Tabellen mit anderen Benutzern. Vom Funktionsumfang her wirkt es etwas dünner als iRows, ebenso waren die Reaktionszeiten der Anwendung auf Benutzereingaben beim Test spürbar langsamer. Ein Im- und Export der Daten ist nur per CSV und XML möglich, Excel wird nativ nicht unterstützt. Ein neues Spreadsheet kann ohne Registrierung angelegt werden, wobei ein Name für die Tabelle, ein Benutzername und eine EMail-Adresse angegeben werden müssen. An diese wird dann ein Link auf das Dokument geschickt. Dies ist auch die einzige Möglichkeit, es wieder aufzurufen, eine Liste der eigenen Sheets gibt es nicht. Per EMail können andere Benutzer eingeladen werden, auch ein Chat mit allen gerade aktiven Bearbeitern ist integriert.

Numbler features:

• Full size sheets, 256 x 65536 cells
• Live collaboration with your coworkers
• Formula syntax and behavior similar to Excel

Numbler ist (natürlich) noch in einer Beta-Phase.

Das AJAX-Framework AJAX Agent legt besonderen Wert auf eine sehr einfache Benutzbarkeit für Entwickler. So braucht es in der PHP-Version nur drei Befehle, um einen AJAX-Funktionsaufruf abzusetzen:

 include_once('agent.php');
 $agent->init(); 
 agent.call('url','srv_func', 'client_handle', param1, ...);

Die erste Zeile inkludiert und initialisiert das Framework und instanziiert den serverseitigen Agenten. Die zweite zeile erzeugt den Client-seitigen Agenten und die dritte ruft aus der JavaScript-Umgebung des Browsers asynchron den Agenten auf dem Server auf. Dabei können auch komplexe Datentypen (Arrays, Objekte…) übergeben werden, zum Datenaustausch wird JSON verwendet.

Auf der Website des Projekts demonstrieren einige interessante Demos die Möglichkeiten des Frameworks.

Jayaram Krishnaswamy hat ein Tutorial geschrieben, in dem die Bearbeitung von XML in Javascript mit XMLDOM-Objekten erklärt wird.

Understanding and manipulating the XMLDOM objects is a prerequisite to writing successful code, whether it be for AJAX or for anything to do with XML files especially using Microsoft tools. It is the author’s hope that the surgical presentation of this tutorial in dissecting the XMLDOM object will provide a guide to this understanding.

( via AJAX Magazine )

Ein exzellentes Beispiel für den Einsatz von AJAX für webbasierte Officeanwendungen liefert iRows. Auch wenn das Projekt noch recht neu ist, ist die ein großer Funktionsumfang bereits realisiert. Das Spreadsheet läßt sich flüssig bedienen, sogar Diagramme sind vorhanden.

Datenaustausch ist mit Excel oder CSV-Dateien möglich, mehrere Benutzer können gleichzeitig an einer Tabelle arbeiten, aus der sich auch HTML generieren läßt. Eine Demo ist auch ohne Anmeldung möglich, ansonsten ist eine kostenlose Registrierung nötig.

( via AJAXmagazine )

Wer noch nicht mit dem Toolkit Prototype gearbeitet hat, findet bei Sergio Pereira eine hervorragende Einführung, in der das AJAX Objekt und die verschiedenen Hilfsfunktionen vorgestellt werden. Außerdem liefert Sergio eine inoffizielle Referenz für das Toolkit.

Wer auf einer Seite Listen benötigt, die der Benutzer beliebig umsortieren können soll, der findet in einem Tutorial bei phpRiot einen Lösungsvorschlag.

You might have been in a situation before where you had a list of items in your database that needed to be output in a specific order. These items could be anything: perhaps a listing of your favourite movies or your favourite books. For whatever reason, you want them ordered in a custom way that can’t be determined automatically (such as alphabetical).

Es geht also darum, Informationen in einer Liste anzuzeigen, die der Benutzer individuell per Drag’n'Drop umsortieren kann. Was damit genau gemeint ist, kann man dem Beispiel gleich auf der ersten Seite des Tutorials entnehmen.

Es wird eine Lösung vorgestellt, die auf PHP und AJAX basiert und die Scriptbibliotheken script.aculo.us sowie Prototype verwendet. Dabei werden alle Schritte von der Erstellung eines DB-Schemas (für MySQL und PostgreSQL) über den PHP-Code zur Generierung der Liste, das Hinzufügen der Drag’n'Drop-Fähigkeit bis zum PHP-Skript zur Verarbeitung der Benutzeraktionen erläutert.

[ via Ajaxian ]