Poshy Tip

Poshy Tip ist ein jQuery-PlugIn zur Anzeige von ToolTips.

Das PlugIn erzeugt dabei den Rahmen für den Tooltip mit Hilfe von CSS und einer Grafik wodurch man das Aussehen des Tooltips sehr einfach verändern kann (wie auch die diversen Beispiele auf der Demo-Seite zeigen).

Sehr praktisch finde ich auch die Möglichkeit ToolTip-Inhalte per AJAX nachzuladen (in der Demo gibt es ein paar Beispiele die Bilder von Flickr aus einbinden).

Zwar gibt es schon einige sehr gute Tooltip-PlugIns für jQuery, aber Poshy Tip ist trotzdem einen Blick wert.

InputNotes

InputNotes ist eines der jQuery-PlugIns bei denen ich am Anfang gedacht habe, dass es eher nutzlos ist. Auf den zweiten Blick muss ich aber zugeben, dass es ungemein praktisch ist.

Im Prinzip macht InputNotes nicht mehr als Textfelder zu überwachen und abhängig von regulären Ausdrücken Text einzublenden. Praktisch daran ist, dass man das PlugIn dadurch gleich zur Echtzeit-Validierung von Eingaben nutzen kann aber noch viel praktischer finde ich z.B. folgendes Szenario: angenommen man möchte nicht, dass Benutzer in Kommentaren Links angeben, also filtert man sie heraus. Da es aber unpraktisch ist, dem User das erst nach dem Speichern zu sagen, legt man einfach eine Regel an die dafür sorgt, dass InputNotes überprüft ob “http” in der Eingabe vorkommt und wenn ja, blendet es einen Hinweis-Text ein. Eine weitere Spielerei wäre z.B. auf eMail-Adressen zu reagieren und den User daran zu erinnern, dass im Web veröffentlichte Mail-Adressen gerne vollgespammt werden, etc.

Leider konnte ich keine Lizenzinfos auf der Homepage finden.

CLEditor

CLEditor ist ein jQuery-PlugIn welches eine Textbox in einen WYSIWYG-Editor verwandelt. Der Editor bietet dabei alle üblichen Formatierungen und erlaubt es ausserdem auf einfachste Weise verschiedene Schriftarten oder eigene Formatvorlagen zu definieren (man kann bei der Initialisierung des PlugIns sehr einfach eine Vielzahl von Optionen konfigurieren die sowohl das Aussehen als auch den Funktionsumfang beeinflussen).

Zwar bietet der CLEditor nicht den gleichen Umfang wie die “großen” Editoren, ist aber auch wesentlich kompakter (das komplette PlugIn ist inklusive CSS und Grafiken nicht einmal 15 KB groß) und bietet sich daher für Projekte die sowieso auf jQuery setzen an.

Das unter einer Dual-Lizenz (MIT und GPLv2) stehende PlugIn funktioniert mit IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ und Opera 10+.

jMapping

Zwar ist das Einfügen von Karten aus Google Maps in Webseiten nicht besonders schwierig, aber jMapping macht es nochmal leichter – vor Allem wenn man Marker auf der Karte anzeigen möchte.

Das unter der MIT-Lizenz stehende PlugIn für jQuery erlaubt es, Karten über einfache Anweisungen direkt im HTML-Code zu definieren (dazu kann man z.B. die HTML5 data-Attribute nutzen).

Ausserdem erlaubt es das PlugIn auch auf sehr einfache Weise die angezeigten Marker auf einer Karte per AJAX zu aktualisieren. Man lädt dazu lediglich die Definitionen in einen bestimmten Container (div) und ruft die update()-Methode des PlugIns aus.

Wer öfter mit Google-Maps zu tun hat sollte ruhig einen Blick riskieren. Eine Seite mit einigen Demos findet man hier.

jQuery UI Multiselect

Hinter dem sperrigen Namen jQuery UI Multiselect verbirgt sich ein sehr praktisches jQuery-PlugIn.

Wenn man einen Benutzer mehrere Elemente aus einer Liste auswählen lassen will hat man einige mehr oder weniger brauchbare Möglichkeiten: man bastelt sich eine Liste mit Checkboxen (aufwendig), man nutzt eine Select-Box (und muss dem Benutzer dann beibringen, dass er zur Mehrfachauswahl CTRL/Shift drücken muss) oder man bastelt sich irgendeine andere Varainte mit JavaScript & Co.

Das PlugIn löst dieses Problem (wie ich finde) grandios mit einer eigenen Variante. Man erstellt eine ganz normale Selectbox und das PlugIn macht daraus ein zweispaltiges Widget in dem in einer Spalte alle selektierten Elemente und in einer alle anderen angezeigt werden. Elemente kann man dann einfach durch Klick auf ein +/- hinzufügen oder entfernen. Intuitiver geht es eigentlich nicht.

Das PlugIn steht unter der MIT-Lizenz und unterstützt als besonderes Gimmick auch noch den jQuery UI ThemeRoller mit dem man das aussehen des Widget leicht anpassen kann.