25 Ajax Code Snippets und Tutorials

13. Februar 2009 von Oli · 37 Kommentare




ajax Es ist ein Freitag Flashback! Unsere Liste der 25 Ajax Code Snippets und Tutorials wurde kürzlich aktualisiert und nun neu aufgelegt! Wir haben zwei Doppel-Kugeln Ajax Ressourcen für die Lagerung, Sortierung und den Austausch von Code-Snippets sowie direkte Links zu ajax Tutorials für die Erstellung per Drag & Drop-Listen, Umfragen, RSS-Reader, Bookmarklets und sogar digg-style Abstimmung Skripte. Genießen Sie den Auffrischungskurs.

Nach unserem Code -Schnipsel für Webdesigner Serie präsentieren wir Ihnen mit 25 Ajax Tutorials und Code-Snippets.


Drag & Drop Sortable Listen mit JavaScript und CSS - In Web-Anwendungen Ich habe gesehen, zahlreiche - und persönlich umgesetzt wenigen - Möglichkeiten, Elemente in einer Liste neu zu ordnen.

128.jpg


Better File Uploads mit AJAX - Browser-basierte Datei-Uploads, insbesondere diejenigen, die die HTML <input type="file"> Tag, waren schon immer eher fehlen. Als ich mir sicher, die meisten von Ihnen sind uns bewusst bin, das Hochladen von Dateien über 10 MB verursacht oft eine sehr schlechte Benutzerfreundlichkeit.

220.jpg


Die Entwicklung eines Web-basierten POP 3 Client - In diesem Artikel, der erste von drei Teilen, werden Sie beginnen das Erstellen eines einfachen Web-basierten POP 3 Client mit AJAX, die "XMLHttpRequest"-Objekte verwenden, um Nachrichten von einem Mail-Server abzurufen.

611.jpg


AJAX username Verfügbarkeit prüfen - Das Ziel dieses AJAX Beispiel ist, dass ein Benutzer, der für Ihre Website registriert ist, um zu sehen, wenn der Benutzername die sie verwenden möchten bereits oder nicht genommen wird.

78.jpg


AJAX RSS Reader - Diese AJAX-Reader ist in Javascript geschrieben nur, es ist nur ein Backend Anfrage url auf dem gleichen Server zeigt dann das Futter führte.

811.jpg


Machen Sie einen AJAX Website in weniger als 10 Minuten - ich habe Herumspielen mit AJAX-Anwendungen und XMLHttpRequest aber wollte zu setzen, eine Website, die alle ihre Inhalte Lasten asynchron. Wenn Sie wie ich und Sie lernen am besten von der Arbeit mit Beispielen du nur 10 Minuten entfernt von Ihrem ersten AJAX-Website.

97.jpg


Animated Live Search - ich habe seit einiger Zeit auf ein kleines Tutorial auf dem Live-Suche habe ich für dieses neue Design erstellt geben worden Bedeutung. Es gibt ein paar Schritte involviert, und ich werde mein Bestes tun, um jedem zu erklären, wie wir gehen.

106.jpg


AJAX: Erstellen Huge Bookmarklets - Ein Bookmarklet ist ein besonderes Stück JavaScript-Code, der in ein Benutzer-Link-Symbolleiste gezogen werden kann, und die später auf Cross-Site-Verhalten zu implementieren angeklickt werden.

1113.jpg


Dynamisch geladen Artikel

129.jpg


Integrieren Sie Google Kalender in Ihre Website mit AJAX - Eine der Funktionen, die ich finde es interessant, in Google Kalender ist die Möglichkeit, freigegebene Kalender zu erstellen, sondern auch die Verfügbarkeit Ihres Kalenders als XML oder ICAL was auch immer es eine private oder öffentliche eigenen. Sobald wir XML unseres Kalenders haben, zur Verfügung Ich frage mich, warum nicht die Integration von Google Kalender direkt in der Website.

146.jpg


Erste Schritte mit Ajax Started - Der Beginn des Jahres 2005 sah den Aufstieg der eine relativ neue Technologie, â € œAjaxâ € von Jesse James Garrett von Adaptive Path synchronisiert. Ajax steht für Asynchronous JavaScript and XML.

155.jpg


Ajax Slideshow - ich habe über das Erstellen eines AJAX-basierte Slideshow für eine Weile nachgedacht, und heute ist es passiert! Heute schrieb ich meine erste Zeile des Codes in diesem Projekt (wahrscheinlich nicht die letzte), aber im Moment fühle ich mich sehr zufrieden mit den Ergebnissen.

164.jpg


Ajax Poll Script

174.jpg


Unauffällig Degradable Ajax Style Sheet Switcher

194.jpg


Digg Stil Abstimmung

204.jpg


Sortable Tabellen

2110.jpg


Ajax Toolbox - mit Ajax Play! Die Spielzeugkiste ist entworfen, um ein Schaufenster für einfache Ajax-Beispiele und Techniken.

225.jpg


Scriptaculous - script.aculo.us bietet Ihnen einfach zu bedienende, Cross-Browser-Benutzeroberfläche JavaScript-Bibliotheken, um Ihren Web-Sites und Web-Anwendungen zu fliegen.

234.jpg


Prototype - Prototype ist ein JavaScript-Framework, die Entwicklung von dynamischen Web-Anwendungen vereinfachen soll

244.jpg


Moo.fx - moo.fx ist ein Superleicht, ultratiny, megasmall Javascript-Effekte-Bibliothek, mit prototype.js oder mootools Framework verwendet werden

253.jpg


Codesnippets können Anwender tag und speichern nützliche Code-Snippets für Ajax sowie andere Programmiersprachen wie Ruby on Rails und Javascript.

code-snippets


DZone ist eine weitere Ressource für den Austausch, die Speicherung und entdecken nützliche Code-Snippets.

dzone


Snippler ist ein Code-Repository zu speichern und zu organisieren all die kleinen Teile des Codes, mit denen Sie jeden Tag. Benutzer können auch Austausch von Code-Snippets mit anderen Programmierern und Designern.

snippler


Erstellen Sie eine Fortschrittsanzeige über Ajax.

ajax-progress-bar


Hier ist ein Code zum Erstellen eines A jax Absatz wechseln .

ajax-paragraph-toggle


Über Oli
Oliver Dale läuft Kooc Media, ein in Großbritannien ansässiges Unternehmen, das Web in Web Apps, Online Communities, spezialisiert Wordpress Tutorials & Wordpress Plugins .

Kommentare

37 Responses to "25 Ajax Code Snippets und Tutorials"
  1. Jeej - sagt:

    "Vielleicht youâ € ™ ve es auf meiner Website aufgefallen, vielleicht auch nicht, weil mein Design ist gezielt unauffällig. Es gibt eine kleine Lasche knapp unter dem Impressum auf der rechten Seite, dass â € œMore Stuffâ €. Sagt Wenn Sie darauf klicken, Dias eine große Fläche offen mit einem Bündel von Informationen über sie. Dies ist die â € œshelfâ €. "

    Sie sehen es nicht in Opera. Ich glaube nicht.

  2. dan - http://www.kwoff.com sagt:

    Nizza einpacken ... i hadnt die die Gcal Zeug b4 gesehen! dank.

  3. 1dollar - http://aglomerate.com sagt:

    Dank je voor dit overzicht van AJAX-Bibliotheken.

  4. ivatld - http://www.is.edbtj.edu.za sagt:

    Hallo My Name Is ivatsu.

  5. Blaue Blume - http://romnvjfyr.com sagt:

    gute Seite.

  6. suzie - http://www.tutsbuzz.com/tr.html sagt:

    große Sammlung, dank ...

  7. Shashi - http://jerry-shashi.blogspot.com sagt:

    es ist schön, Artikel, haben Sie entwickelt, Ihrer Website mit Ajax or Not

  8. site ekle - http://www.sitesitesi.net sagt:

    Ajax ist ein Schwein Macht, professionelle Webseiten zu entwickeln. Ich möchte lernen. aber es ist schwierig

  9. ajaxboy - http://www.ajaxkaynak.com sagt:

    Ich werde diese Inhalte auf meiner Webseite hinzufügen. thx

  10. tasarÄ ± m - http://www.antalyawebsite.com sagt:

    Danke. gutes Tutorial.

  11. antalyaticaret - http://www.antalyaticaret.org sagt:

    Danke. gut

  12. turkiyeotel.net - http://www.turkiyeotel.net sagt:

    Danke :)

  13. bilgiland.com - http://www.bilgiland.com sagt:

    wirklich i love it!!

  14. teknolojhi.com - http://www.teknolojhi.com sagt:

    ja mir auch!

  15. antalyashop.com - http://www.antalyashop.com sagt:

    deneme deneme 123

    Danke

  16. inkemer.com - http://www.inkemer.com sagt:

    tahnk Sie

  17. azrehber.com - http://www.azrehber.com sagt:

    danke Davar

  18. 7ze.net - http://www.7ze.net sagt:

    danke Sanada canim

  19. antalyawebtasarimi.com - http://www.antalyawebtasarimi.com sagt:

    hani bana hani bana :)
    Dankeschön-Editor

  20. 7ze.org - http://www.7ze.org sagt:

    ja danke gute appitite

  21. personelkiralama.com - http://www.personelkiralama.com sagt:

    personal blog ist schön, aber du hast schöne Arbeit

  22. Gamer - http://www.betring.net sagt:

    Dank

  23. dizi izle - http://video.diziyeri.com sagt:

    Dank http://video.diziyeri.com

  24. Fatih - http://www.gulumsesem.com sagt:

    Dank

  25. dizi izle - http://www.dizivefilm.com sagt:

    Vielen Dank

  26. MirazTutorials - http://www.miraztutorials.com sagt:

    Vielen Dank für die Schnipsel und Tutorials kannte ich sagen, die Hälfte von ihnen aber die andere Hälfte, dass ich nicht zu wissen, hat acpanded mein Wissen so hervorragende :)

  27. shaz - http://www.miraztutorials.com sagt:

    gut gemacht und danke für die Ressourcen und Listen

Tutorial Blog