tagdocs.de » moo

MooDialog – Dialoge mit MooTools

Christian — Mon, 04 Jan 2010 12:15:22 +0000

MooDialog

MooDialog ist ein MooTools-PlugIn mit dem man auf einfache Art die Standart alert/prompt/confirm-Funktionen von JavaScript ersetzen kann (und noch ein bisschen mehr ).

Wenn man mit MD einen Dialog erstellt wird der Rest des Bildschirms (wie man es von diversen Lightbox-Scripts, etc. kennt) abgedunkelt um die Aufmerksamkeit auf den Dialog zu lenken. Dieser kann entweder die normalen JS-Funktionen (Alert/confirm/prompt) ersetzen oder man kann ihn auch nutzen um z.B. eine WebSite oder das Ergebnis eines Ajax-Requests anzuzeigen.

MooDialog steht unter einer MIT-Lizenz und kann entsprechend frei genutzt werden.

MooEditable – WYSIWYG-Editor mit mooTools

Christian — Sun, 27 Dec 2009 12:15:40 +0000

MooEditable

MooEditable ist ein MooTools-PlugIn mit dem man eine normale Textbox in einen WYSIWYG-Editor umwandeln kann.

Das PlugIn ist dabei bewusst einfach gehalten und bietet nur eine handvoll Formatierungen die für die meisten Einsatzzwecke aber reichen sollten. Ausserdem findet sich auf der Homepage eine umfangreiche Dokumentation in der erklärt wird wie man den Editor anpassen kann.

MooEditable steht unter der MIT-Lizenz und sollte in den gängigen Browsern funktionieren.

TableGear – MooTools-Plugin für bessere HTML-Tabellen

Christian — Wed, 25 Nov 2009 12:15:17 +0000

TableGear

TableGear stellt basierend auf MooTools eine Vielzahl von Funktionen für HTML-Tabellen bereit. Mit dieser MooTools Erweiterung ist es zum Beispiel möglich, Tabelleninhalte zu sortieren, Zellen editierbar zu machen (per AJAX werden dann die Daten sofort auf dem Server geändert), Summen zu berechnen und Vieles mehr.

Am besten schaut ihr Euch die Demo auf der Homepage an um einen kleinen Einblick zu bekommen was alles möglich ist (die Homepage enthält übrigens eine Menge kleiner Beispiele wie man bestimmte Dinge mit TG erreichen kann – gerade für den Anfang ist das sehr praktisch).

Die Erweiterung steht unter eine MIT-Lizenz und kann entsprechend frei genutzt werden.

Floom – ein mooTools Slideshow-PlugIn

Christian — Tue, 17 Nov 2009 12:20:30 +0000

Floom

Nachdem ich in letzter Zeit ja sehr viele jQuery PlugIns vorgestellt habe ist heute zur Abwechslung mal wieder eine kleine Erweiterung für mooTool dran. Floom ist ein SlideShow-Plugin welches vor Allem durch seine Überblend-Animation glänzt.

Zwischen den einzelnen Bildern blendet die Slideshow mit einem “Jalousien-Effekt” um. Das Bild wird also in eizelne Blöcke zerlegt die dann überblendet werden (etwas schwer zu erklären, aber auf dem Screenshot kann man es einigermassen erkennen).

Eine Demo kann man sich hier anschauen.

Das PlugIn steht unter der MIT-Lizenz.

Fortschrittsbalken mit CSS und JavaScript

Christian — Wed, 09 Sep 2009 12:10:57 +0000

Da sich mein Kopf wie in Watte gepackt anfühlt (Grippe ist doof! *schmunzel*) gibt es heute nur einen kurzen Tipp.

Antu (David Greisler) hat vor Kurzem einen recht interessanten Artikel in seinem Blog veröffentlicht in dem es um Fortschrittsbalken geht. Um genauer zu sein: Fortschrittsbalken/Prozentbalken mit Hilfe von CSS (und ggf. JavaScript).

In seinem sehr interessanten und lesenswerten Artikel erklärt David wie man verschiedene Varianten der Balken erzeugt (erstmal nur pures CSS, dann CSS + Bilder bis hin zu Varianten die jQuery, Prototype oder mootools nutzen). Alles in Allem ist das der bisher umfangreichste Artikel den ich bisher zu diesem Thema gesehen habe.

(( Und gleich noch ein Danke an ihn weil er mich auf den Artikel aufmerksam gemacht hat ))