Blog: JQuery

Drupal 7 set JavaScript / jQuery trigger on autocomplete field option

19.03.2015 - 14:02

With this little snippet you can easily set a trigger on autocomplete field options (suggestions) click:

$...

Tags: autocomplete, Drupal 7, JQuery, Snippet, Snippets

Drupal 7 CMS Flexslider API add a {Current slide} / {Total slide} pager / counter display via jQuery

28.04.2014 - 11:32

Today I'll show you how you can easily display a CURRENT / TOTAL count to your flexslider in Drupal 7 using the flexslider.module and some custom JavaScript.

Just use the following code...

Tags: CMS, Counter, Drupal, Flexslider, Flexslider 2, JQuery, Pager, Slider, Snippet

iPad / iPhone und das jQuery .click event

15.04.2014 - 07:18

iPad (und wohl auch iPhone) haben eine fiese Besonderheit im Event-Triggering gegenüber Android Devices und Mac / PC. Sie triggern KEIN 'click'-Event auf (bestimmten - dazu später mehr) Elementen! Das ist gemein, da beispielsweise...

Tags: Click, JQuery, Mobile, Mobile Events, Responsive Webdesign, Snippet, WebApp

jQuery AJAX Race Conditions verhindern und AJAX Aufrufe pipe'n mit jQuery.Deferred() in 5 Zeilen!

12.12.2013 - 16:47

Die kleine Denkaufgabe des Tages: Wie schafft man es in möglichst wenig Zeilen eine Reihe von AJAX-Aufrufen, die anhand einer Schleife erzeugt werden, mit einer Pipe sequenziell abzuarbeiten?

Die Lösung:

...

Tags: Ajax, Asyncronous, Deferred, JQuery, jQuery.Deferred

jQuery Plugins schreiben: $.widget und die Sache läuft!

28.11.2013 - 08:38

Ihr möchtet ein individuelles jQuery JavaScript Plugin schreiben, das auf DOM Elemente Anwendung findet und sich verhält, wie man es von jQuery positiv gewohnt ist?

Keine einfache Sache, wenn man alles selbst - und richtig...

Tags: Entwicklung, JavaScript, JQuery, Plugins

JQuery UI Tabs dynamisch per URL-Anker umschalten

14.08.2013 - 16:38

Ihr möchtet jQuery UI Tabs dynamisch anhand der URL "vorauswählen"? Das ist möglich und zudem in vielen Fällen äußerst hilfreich, um "Deeplinks" umsetzen zu können, also Besucher direkt auf den Ziel-Tab zu leiten.

Lautet die URL also zum...

Tags: JQuery, jQuery 1.8, jQuery Tabs, jQuery UI

Text Scroller (Lauftext) mit <marquee> und jQuery! Grandios

16.05.2013 - 09:29

Ihr braucht einen Text-Scroller, aber <marquee> ist bekanntlich nicht X-Browser kompatibel und bereits in die Jahre gekommen!?

Hier gibt es eine erstklassige Lösung, um <marquee>...

Tags: horizontal scroller, html5, JavaScript, JQuery, lauftext, marquee, scroller

jQuery Plugin-Entwicklungs Vorlage (Boilerplate)

20.02.2013 - 23:08

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.

...

Tags: JQuery, JQuery Plugins, Snippet

Tipp: jQuery mousemove anstatt mouseover oder hover verwenden!

20.12.2011 - 13:58

In einem aktuellen Projekt war ein vertikales Sliding-Menü umzusetzen.
Wenn der Benutzer über eine Überschrift fährt, sollten sich die Subelemente öffnen und andere Subelemente wieder schließen.

Zunächst entschied ich mich gegen das...

Tags: Events, JQuery, Mouse Events

Drupal 6: jplayer Modul + jplayer 1.2 loop / repeat Bug beheben

07.11.2011 - 13:12

Das Drupal Modul "jPlayer" ist perfekt zur Wiedergabe von Audio-Dateien unter Einbinding als CCK-Formatter zu verwenden.

Die Drupal 6 Version verwendet den jPlayer Version 1.2. Im Gegensatz zur Drupal 7 Version ist dieser leider nicht so...

Tags: Drupal 6, jplayer, JQuery, Module, Snippet

Julian Pustkuchen, M. Sc. Wirtschaftsinformatik ist passionierter Software- & Webentwickler mit den Schwerpunkten Softwaredesign, Objektorientierung sowie Usability- & Ablaufoptimierung bei webks. Ein weiterer Schwerpunkt ist die Entwicklung im CMS Drupal.