Archiv der ‘Tutorials’ Kategorien
Tutorial: Back Button in Ajaxanwendungen
Aufgrund der asynchronen Art und Weise, wie bei Ajax Daten übertragen werden - funktioniert in den allermeisten Fällen der “Back ” Button des Browsers nichtmehr.
Viele der aktuell hochgelobten Ajax-Websites unterstützen den Backbutton nicht, und brechen damit die Erwartungen viele User.
Auch aus Usability Erwägungen ist es keine gute Idee, dem User den Back button wegzunehmen.
Unter dem Titel “Developing Ajax Applications that preserve standard Browser functionality” hat Mark Schiefelbein ein Tutorial veröffentlicht das erklärt, wie man in asynchronen Anwendungsszenarios das Standardverhalten des Browsers was den Backbutton angeht erhält. Mark Schiefelbein ist “product Management” Chef beim kommerziellen Ajax-Framework Backbase
Er erklärt in diesem Tutorial sehr anschaulich das es nötig ist eine History der Programmzustände (”meaningful state”) anzulegen, die der User ausgelöst hat.
Danach muss man dazu passende URLs generieren, und diese an den Browser zurückgeben.
Tutorial zu AHAH hinzugefügt
Ich habe das erste Tutorial für Ajax-Info hinzugefügt 
Es befasst sich mit Asynchronous HTML and HTTP - kurz AHAH.
Ich denke dies ist ein ganz gutes Thema für ein erstes Tutorial, das sich auch recht gut für Einsteiger in die Ajax-Entwicklung eignet.
Onlinebuch zu Javascript
Bei webreference.com steht ein Online Buch zu Javascript kostenlos zur Verfügung.
Das Buch beinhaltet eine sehr gute und ausführliche Javascriipt Referenz.
Neben der detaillierten Beschreibung der einzelnen JS Sprachelemente stehen zu jedem Eintrag auch praktische Anwendungsbeispiele bereit.
Das Buch ist somit, denke ich, eine lohnenswerte Grundlagenlektüre bei der Entwicklung dynamischer Webanwendungen.
Link zum Buch: http://www.webreference.com/javascript/reference/core_ref/
Tutorial: AHAH - Ajax Light ?
Unter dem Titel “AHAH - Ajax Lite ?” gibt es bei Crackajax.net ein Tutorial das sich mit “Asynchronous HTML and HTTP” , kurz AHAH, befasst.
Man könnte AHAH als Subset der Ajax Funktionalität von XMLHTTP Request beschreiben.
Hierbei wird mit der Methode responseText die Serverrückgabe als Text, statt als XML angefordert.
Dies ermöglicht das asynchrone Verändern von HTML Seiten, durch Rückgabedaten von Serverscripten - ohne die zusätzliche Komplexität von XML (Verarbeitung, Style mit XSLT, etc).
So bietet AHAH eine recht gute Möglichkeit “Ajax Style” Webanwendungen, mit sehr viel weniger Programmieraufwand zu erstellen.
Howto: Mehrere Fortschrittsanzeiger auf einer Seite
Andy Peatling erklärt in seinem Blog sehr anschaulich, wie man mehr als einen Fortschrittsanzeiger auf einer Ajax-Seite unterbringen kann.
Link zum Tutorial:
http://www.cssdev.com/index.php/archives/2006/01/18/multiple-ajax-loaders/
Abgerundete Kanten mit Nifty Corners
Unter dem Namen “Nifty Corners” stellt Allesandro Fulciniti auf seiner Homepage ein ausführliches Tutorial bereit, wie man abgerundete Kanten erstellt.
Der besondere Clou ist, das in dem Tutorial nur mit CSS und Javascript gearbeitet wird um den Rune Kanten Effekt zu erzielen.
Es werden keine Overlays mit Grafiken oder ähnliches verwendet.
Ballon Tooltips Tutorial
Unter http://blog.kung-foo.tv/archives/001614.html findet sich ein (englischsprachiges) Tutorial, in dem erklärt wie man Tooltips im “Ballon Style” erzeugt.
Diese Tooltips sehen den Infopopups unter Windows XP sehr ähnlich (abgerundete Kanten).
Der im Tutorial erklärte Tip beachtet alle nötigen W3C Standards, so dass die Tooltips in allen Browsern funktionieren.
Im Prinzip werden bei dem Tutorial layer mittels CSS umgestyled und mit Javascript dynamisch in die Seiten eingebunden. Weiterlesen »
Ajax Buch als kostenlose HTML Version
Der Teia Lehrbuchverlag hat das Buch “Ajax - frische Ansätze für das Webdesign” als kostenlose HTML Version veröffentlicht.
Das Buch beschreibt ausführlich und verständlich die Grundstruktur von Ajax Anwendungen.
Es bietet so eine recht gute Grundlage zum Erlernen und Verstehen von Ajax Anwendungen.
Neben den Grundlagen erklärt das Buch aber auch die Nutzung der Opensource Frameworks Prototype, Sarissa und Sajax.
Link zum Buch:
http://www.teialehrbuch.de/kurse/ajax/
Ajax Tab-Interface Tutorial
Bei crackajax.com gibt es ein nettes Tutorial für ein Tab-Interface mit Ajax.
Das Interface kann beliebig viele Tabs haben, und der Inhalt jedes Tabs wird asynchron beim öffnen des Tabs geladen.
Das Tutorial eignet sich auch für Einsteiger, da hier eine sehr einfach XMLhttprequest Javascript Funktion zum Einsatz kommt.
Link zum Tutorial
http://www.crackajax.net/tabs.php