Lexicon - Coder Forum

HTML, AJAX & Co

Das Wiki für Lösungen mit (X)HTML, CSS, JavaScript, AJAX oder E4X.

Newest articles

HTML, AJAX & Co »	jQuery: Eigenes Plugin [Part 2: Erweiterte Paramter]	By JaffaCoder (Dec 4th 2011, 11:17am)
HTML, AJAX & Co »	jQuery: Eigenes Plugin [Part 1: Grundlagen]	By JaffaCoder (Sep 18th 2011, 9:32am)
HTML, AJAX & Co »	Text bei Mausklick in Textarea markieren	By SargTeX (Apr 30th 2011, 5:13pm)
HTML, AJAX & Co »	jQuery: Objekt klonen	By SargTeX (Apr 28th 2011, 9:12am)
HTML, AJAX & Co »	Comet Chat Beispiel mit PHP + MySQL	By Torben Brodt (Apr 17th 2011, 11:04am)
HTML, AJAX & Co »	Drag & Drop Multiuploader mit jQuery	By vince (Mar 25th 2011, 2:38pm)
HTML, AJAX & Co »	Link Vorschau "Bubble"	By Torben Brodt (Feb 23rd 2011, 10:08pm)
HTML, AJAX & Co »	CSS Regeln mit JavaScript hinzufügen	By Torben Brodt (Feb 18th 2011, 3:23pm)
HTML, AJAX & Co »	JavaScript von Google nutzen?	By Torben Brodt (Jan 15th 2011, 1:49pm)
HTML, AJAX & Co »	Mobile Browser in JavaScript erkennen	By Torben Brodt (Jan 13th 2011, 8:58am)

Recent 5 changes

HTML, AJAX & Co »	jQuery: Eigenes Plugin [Part 1: Grundlagen]	By JaffaCoder (Dec 4th 2011, 11:19am)
HTML, AJAX & Co »	jQuery: Eigenes Plugin [Part 1: Grundlagen]	By JaffaCoder (Dec 4th 2011, 11:19am)
HTML, AJAX & Co »	jQuery: Eigenes Plugin [Part 2: Erweiterte Paramter]	By JaffaCoder (Dec 4th 2011, 11:17am)
HTML, AJAX & Co »	Inhalte mit AJAX & PHP nachladen	By Torben Brodt (Oct 17th 2011, 6:41pm)
HTML, AJAX & Co »	Autocomplete Tutorial mit jQuery	By Torben Brodt (Oct 8th 2011, 1:28pm)

Highest ranking

HTML, AJAX & Co »

AJAX / Comet Chat Tutorial

By Torben Brodt (Sep 5th 2010, 10:51am)

AJAX / Comet Chat TutorialIn diesem Tutorial wird erläutert wie die Techniker hinter einem professionell PHP + MySQL realisiert ist.
Dabei werden unter anderem die Techniken "AJAX" und "Comet" genutzt, was den Webserver sehr entlasten wird, weil es das s.g. Polling umgeht.
Ajax als IFRAME ErsatzMan kann AJAX verwenden um andere Dateiinhalte darzustellen. Doch vorsicht. Der XMLHttpRequest kann aus Sicherheitsgründen nicht direkt auf fremde URLs zugreifen. Daher leiten wir das ganze mit file_get_contents über ein PHP Script.
AJAX HintergrundwissenAJAX ist keine Programmiersprache, sondern beschreibt das Konzept von drei Technologien:
DOM zur Manipulation von Web-Seiten, JavaScript zur Ereignisbehandlung und HTTP zum Nachladen von Daten.
Diese werden hier erörtert.
AJAX LadegrafikAJAX Ladegrafiken zeigen während die Daten geladen werden
AJAX LivesucheEine Livesuche stellt Suchergebnisse dar, ohne dass die Seite verlassen werden muss.
AJAX und SessionsHäufig taucht die Frage auf, wie man das bestehende AJAX Script angepasst werden muss, damit Sessions funktionieren. Hier wird auch der Fall behandelt, dass Cookies beim Client deaktiviert sind.
AJAX: Bild bei Änderung nachladenIn diesem How-To lernt ihr, wir ihr ein sich selbst aktualisierendes Bild einbaut. Das könnte zum Beispiel von einer Webcam stammen.
AJAX: Timeout prüfenAJAX: Timeout prüfen
Autocomplete Tutorial mit jQueryBeim Autocomplete werden Eingaben innerhalb eines Eingabefeldes automatisch durch Suchtreffer ergänzt.
Autocomplete: script.aculo.usAutocomplete unterstützt den Benutzer bei der Sucheingabe indem es Vorschläge liefert. Hier wird es mit Hilfe des Frameworks script.aculo.us gebaut.
Comet Chat Beispiel mit PHP + MySQLHier wird ein reales Beispiel mit AJAX und Comet unter Verwendung von PHP & MySQL entwickelt.
Countdown: Mehrere Zähler aktualisierenDas Tutorial erklärt, wie man mit JavaScript einen Countdown macht.
Es können beliebig viele Felder gleichzeitig aktualisiert werden. Intervall und Richtung kann einfach angegeben werden.
CSS für neue ProjekteCSS Optionen die man setzen sollte, bevor man überhaupt mit der Arbeit am HTML Code beginnt.
CSS Regeln mit JavaScript hinzufügenHier wird erläutert wie man mit JavaScript dynamisch CSS Regeln hinzufügen kann.
Drag & Drop Multiuploader mit jQueryIch stelle hier ein Script für ein Drag&Drop Multiuploader vor.
(jQuery wird so wenig wie möglich als kleine Hilfe eingesetzt so.)
Einführung in die AJAX ProgrammierungFür fertige AJAX Kunstwerke gibt es viele unterschiedliche JavaScript basierte Frameworks.
Für das Verständnis genügt es aber sich den AJAX-Kern anzuschauen.
Dieser besteht aus dem XMLHttpRequest im Browser und der Skriptsprache JavaScript, üb[...]
Formulare mit AJAX.. und ohneAJAX hat es erstmals möglich gemacht Formular-Eingaben ohne Neuladen der Seite zu validieren. Hier werden die notwendigen Grundlagen vermittelt um AJAX Formulare zu bauen. Im letzten Schritt gibt es eine Fallback-Lösung für Besucher mit deaktivier[...]
Größe eines DIV herausfindenDieses Mini-Howto zeigt wie ihr die Größe eines Containers herausfindet.
HTML für neue ProjekteHTML ist simpel und einfach. Dennoch werden viele Fehler gemacht. Hier beschreibe ich den sauberen Aufbau einer HTML Seite. Überraschungen garantiert.
Iframe mit JavaScript steuernIframe lassen sich mit JavaScript adressieren und ändern. Dieses Howto erklärt wie.
Inhalte mit AJAX & PHP nachladenDieses Tutorial soll ihnen zeigen, wie sie mit Hilfe von AJAX Inhalte nachladen können, die mit PHP verarbeitet wurden.
JavaScript von Google nutzen?Man muss sich Jquery und andere Bibliotheken nicht mehr selber herunterladen, man kann auf seiner Webseite die Version von Google einbinden. Doch welche Vorteile hat das?
JavaScript: Auswahloptionen zwischen Listen verschiebenDas Tutorial erläutert wie sie mit wenigen Zeilen Code Auswahloptionen zwischen mehreren Listen verschieben können.
jQuery: Eigenes Plugin [Part 1: Grundlagen]Eine kurze Erklärung, wie man ein eigenes jQuery-Plugin erstellt.
jQuery: Eigenes Plugin [Part 2: Erweiterte Paramter]
jQuery: Objekt klonenvar kopie = $.extend(true, {}, objekt);
JSON: PHP und JavaScriptJSON ist ein kompaktes, unabhängiges Format Format zur Interoperabilität zwischen Anwendungen. Dieses Beispiel behandelt die Sprachen PHP und JavaScript.
Link Vorschau "Bubble"Hier stelle ich ein generisches Script vor, mit dem ihr beliebige Inhalte unter einem Link platzieren könnt.
Mehrere DIV Container mit AJAX aktualisierenHier erfahrt ihr wie man mit AJAX mehrere DIV Container mit einem Request aktualisiert.
Mobile Browser in JavaScript erkennenMobile Browser wie das Iphone oder Android kann man an Hand ihres User Agents erkennen.
Dieser Tutorial erläutert wie die Erkennung mit JavaScript funktioniert..
Navigation mit unterschiedlichen MouseOver-BildernDieses Tutorial erläutert wir ihr mit einfachen CSS Boardmitteln eure Navigation mit unterschiedlichen MouseOver-Bildern ausstattet.
onload Event - Cross Browser kompatibler DOMContentLoadedWir wollen ein JavaScript ausführen, nachdem die Seite fertig geladen wurde.
Doch das herkömmliche "Seite geladen" ist zu langsam - da dies erst geschieht, wenn auch alle externen Quellen wie Bilder fertig sind.
Um den Event auszuführen nachdem [...]
Select-Auswahl mit AJAX AbhängigkeitDieses Tutorial vermittelt die Kenntnisse um beliebig viele Select-Felder mit AJAX zu verbinden.
Select-Auswahl mit AJAX Abhängigkeit und verschiedenen TabellenDieses Tutorial vermittelt die Kenntnisse um beliebig viele Select-Felder mit AJAX zu verbinden. Als Datenquelle werden hierbei mehrere Tabellen genutzt.
Text bei Mausklick in Textarea markierenErklärt, wie man den Text z.B. in einer Textarea automatisch markiert, sobald man mit der Maus klickt.
Ungültiges Markup in BrowsernDer Artikel soll zeigen wie sich ungültiges HTML Markup auf die verschiedenen Browser auswirkt. Im Internet Explorer kann es zu einem Zyklus kommen der JavaScript in eine Endlosschleife schickt.

Design Tutorials

Google Visualization

Lexikon 4.1.3, developed by www.viecode.com