MooTools Script Sammlung

In letzter Zeit haben sich einige Javascript Bibliotheken als ständig präsente Frameworks unter den Webentwicklern etabliert. Selbst große, bekannte Projekte wie Joomla oder Wordpress setzen keine selbstgeschriebenen JS-Frameworks ein, sondern greifen in den Basisfunktionen auf fertige, frei verfügbare Frameworks zurück.

Die bekanntesten Vertreter dieser Gattung dürfen Prototype, JQuery, YUI und MooTools sein. Bei Allen wird eine gewisse Grundfunktionalität zur Verfügung gestellt, die es dann gilt durch eigene Erweiterungen in einem Projekt mit Leben zu füllen.

Im Netz gibt es immer mehr Quellen, die auf Basis dieser Frameworks Scripte für bestimmte Einsatzgebiete zur Verfügung stellen und so den Entwicklern einiges an Arbeit abnehmen, wobei oft nur noch kleinere Anpassungen notwendig sind um die Scripte in eigene Projekte oder Anwendungen zu integrieren.

Nachfolgend mal eine Auswahl meiner Scriptsammlung, die unter dem Mootools Framework funktionieren.

MooFlow

MooFlow ist ein Gallery-Script, das ähnlich Apples iTunes funktioniert. Verschiedene Bilder können geladen werden, die Reflexionen werden automatisch erstellt. Zudem ist eine Zoomfunktion im Lightbox-Stil verfügbar.

Link: http://www.outcut.de/mooflow/overview/
Lizenz: MIT-Style Licence

Phatfusion Image Menu

Das Image Menu von Phatfusion stellt eine Menükomponente im Sliding-Stil zur Verfügung. Das Menü kann schön im Header platziert werden und stellt so einen Blickfang auf einer Website dar.

Link: http://www.phatfusion.net/imagemenu/
Lizenz: MIT Licence

Fancy Sliding Menu

Eine weitere Menükomponente für MooTools. Diesmal können einzelne Pannels definiert werden, die per Klick über das Bild fahren und so beliebigen Text oder Links darstellen

Link: http://www.andrewsellick.com/71/fancy-sliding-menu-for-mootools
Lizenz: ?

Fancy Sliding Side Bar

Ein Side Bar Menü, das sich bei Klick aus der Seite der Web Site öffnet.

Link: http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools/
Lizenz: ?

noobSlide

noobSlide ist ein Script mit dem Bilder und Text in vielfältiger Art und Weise dargestellt und Web 2.0 like in die Website eingebettet werden können.

Link: http://efectorelativo.net/laboratory/noobSlide/sample.html
Lizenz: ?

TextboxList

TextboxList ist eine schöne Möglichkeit das berühmte Autocompletition darzustellen. Dabei werden vorhergehende Treffer in der Box belassen. Der User kann diese manuell entfernen.

Link: http://devthought.com/textboxlist-fancy-facebook-like-dynamic-inputs/ bzw.  http://devthought.com/textboxlist-meets-autocompletion/
Lizenz: MIT Licence

Calendar

Eine Kalender Komponente für MooTools.

Link: http://www.electricprism.com/aeron/calendar/
Lizenz: MIT Licence

Fancy Upload

Ein Upload Script, das Multi-Uploads zulässt und entsprechende Upload-Balken zur Verfügung stellt. Während des Uploads können weitere Dateien hinzugefügt werden und ein gerade laufender Upload kann abgebrochen werden. Das Script wird u. a. von Joomla verwendet.

Link: http://digitarald.de/project/fancyupload/1-0/
Lizenz: MIT Licence

Reflection.js for mootools

Reflection ist ein Script für MooTools, mit dem es möglich zu einer Bilddatei die schönen Reflexionen hinzuzufügen. Das Script ist kleiner als 2kb und funktioniert mit allen modernen Browsern

Link: http://www.digitalia.be/software/reflectionjs-for-mootools
Lizenz: MIT Licence

MooTools ToolTips

Ein ToolTip Script für Mootools. Es können mehrere ToolTips auf einer Seite platziert werden, die optische Anpassung erfolgt über StyleSheets.

Link: http://www.hotajax.org/content/view/213/420/
Lizenz: ?

MooTabs

Ist, wie der Name schon sagt, ein kleines Script um Tabs zu erzeugen. Das Script kann auch entsprechenden Content via AJAX holen und darstellen. Die Größe des Scriptes beträgt gerade mal 3kB

Link: http://www.silverscripting.com/mootabs/
Lizenz: ?

MooRainbow

MooRainbow ist ein ColorPicker Script auf Basis der MooTools. Das Script kann via CSS ebenfalls an die eigenen Bedürfnisse angepasst werden und generiert (laut Website) validen XHTML und CSS Code. Die Rückgabe der gewählten Farbe funktioniert über ein Objekt, welches die gewählte Farbe in RGB, HSB und HEX Schreibweise enthält.

Link: http://moorainbow.woolly-sheep.net/
Lizenz: MIT-Licence

So, das soll es erst mal gewesen sein. Viel Spaß mit den verschiedenen Scripten, vielleicht ist ja was nützliches für Euch dabei.

Verwandte astBlog Beiträge:

• JQuery Script Sammlung
• PHP Funktion in Javascript
• AJAX und Javascript
• JavaScript Passwort-Checker
• YUI – Neue Version 2.5.0 erschienen