JQuery Plugins

jQuery Plugin für Mobilgeräte: vibrate.js bringt Smartphones per Browser zum Vibrieren!

Heute eine kleine JavaScript-Spielerei für sehr spezielle Anwendungsfälle!

vibrate.js bringt Smartphones mit Vibrationsfunktion zum Vibrieren! Aus dem Browser heraus. Wer hätte das gedacht? :)

jQuery URLLive Plugin - Live-Vorschau eingegebener URL-Inhalte

Dieses jQuery Plugin zeigt eine Live-Vorschau der z.B. von Benutzern in einer Textarea oder einem Input-Feld eingegebenen URLs, wie man es von großen sozialen Netzwerken kennt.

jQuery Plugin: jQuery Collapser - Texte mit jQuery einfach auf Anrisstextlänge kürzen

Dieses jQuery Plugin kürzt Texte auf eine festgelegte Länge (Anrisstext), sodass man sie bei Bedarf schnell wieder ausklappen kann, ohne die Seite neu zu laden.

Ohne JavaScript wird einfach der gesamte Text angezeigt.

jQuery Plugin: EasyTree - Ordner Baumstrukturen mit jQuery darstellen

Dieses jQuery Plugin stellt aufklappbare Baumstrukturen aus HTML-Listen in Ordnerstruktur dar.

Linktipp: jQuery Plugin to recognize text changes in input fields / textareas delayed as alternative to .change() or oninput event.

jQuery by default provides the onchange event: .change(). It is being triggered, if a value was changed. WAS is the right word, because for example in input fields, the event only triggers when the field loses focus.

Linktipp: 20 supercoole jQuery Drag & Drop / Graph Bibliotheken

Mein heutiger Linktipp beinhaltet einen Blogeintrag zu 20 super super coolen JavaScript Drag & Drop sowie Graph-Animations-Bibliotheken.

Möchtet ihr also hierarchische Graphen darstellen, eine leichtgewichtige (sogar mobile) Drag & Drop Anwendung erstellen, müsst ihr euch diese Bibliotheken unbedingt ansehen! HAMMER!

Ein riesen Lob an die Entwickler oder was sagt ihr?

jQuery Plugin-Entwicklungs Vorlage (Boilerplate)

JavaScript Entwicklung wird immer beliebter. Ebenso entwickeln sich zahlreiche best-practices und Patterns.

Gerade bei der Entwicklung von Plugins sollte man sich auf etablierte Techniken verlassen, um das Rad nicht neu zu erfinden.

Die folgenden zwei Boilerplates sind hier ein guter Start. Darüber hinaus gibt es natürlich tausend weitere.

Add open/closed classes on events in JavaScript image combobox / msdropdown / msdd / Drupal lang_dropdown

Today I'd like to present you a little snippet to add open/closed classes within MSDropdown jQuery Plugin!
Explicitly this plugin is used within Drupals Language switcher dropdown / lang_dropdown Module.

Therefore we needed open/closed classes to determine the current state of selection for CSS purposes.