JQuery

Whao, that wasn't as easy as I thought. I wanted to print out the two top level breadcrumb elements, without "Home", with node title in a custom block. I tried it in many different ways but ran into surprises every time. So finally I'd like to share my code with you, if you should run into the same situation:

Today I'd like to share a very simple trick which seems a bit underrepresentated in the documentation of jquery.photoswipe (built on Photoswipe ): How to simply provide a photoswipe gallery function using the following class based markup:

Today I have an important note for you that cost me a lot of time and debugging my Drupalgap / Phonegap App using jQuery Mobile.

With this little snippet you can easily set a trigger on autocomplete field options (suggestions) click: $(document).on('click', 'div.reference-autocomplete', function(e) { // Do what you need to do ;) }); It's not that easy because the selection click does not trigger any change event on the parent input.

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 and modify it to your needs before: function _flexslider_show_pager() { (function($) { jQuery('#flexslider-1').on('start', function(event) {

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 responsive Websites, welche diese Events nutzen, zwar auf allen anderen Geräten funktionieren, aber nicht auf den oben genannten. Hier muss man also noch einmal besonders aufpassen!

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: // A list of arguments for separate sequential AJAX calls. // First argument for first call, second for second call, etc. var callsArguments = new Array();

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 - machen will. Erstklassige Unterstützung bietet $.widget mit seiner vordefinierten Funktionalität.

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 Beispiel http://www.example.com steuert Ihr die Tabs an per: http://www.example.com#tab-1 http://www.example.com#tab-2 usw.

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> auf alle Browser zu erweitern, mit zusätzlichen Events zu versehen und Einstellungen zu vereinheitlichen!