#javascript

Counter Node für Node-RED

node-red-contrib-counter

Es gibt wirklich unzählige Nodes als Erweiterung für Node-Red. Was es bisher aber nicht gab, war ein einfacher Zähler für Nachrichten-Pakete. Und genau sowas habe ich für mein Projekt benötigt. Also was blieb mir anderes über, als kurzer Hand eine solche Node selber zu schreiben?! ;)

Die Node ist mittlerweile öffentlich auf GitHub, npm und über die offizielle Node-Sammlung verfügbar und kann somit wie jede andere Node installiert werden.

npm install node-red-contrib-counter
read more ...
Share:

Why is the 'load' event not beeing executed after updating to jQuery 3?

The problem can be occur when using/switching to jQuery 3. It's because all ready states in the new jQuery 3 are now fully asynchron. This means, that there is no given order for your code to be executed.

Because of this, it could happen, that load is been triggered **before** your ready state has been executed. When your ready function now finally gets triggered, your load listener is too late and will not be executed.

read more ...
Share:

Lazy 0.1.16 erschienen

Die neuste Version meines Plugins Lazy für jQuery ist vorhin auf GitHub erschienen. Die Changelog dazu ist eher überschaubar. Neben einer etwas ausführlicheren Beschreibung auf GitHub kam hauptsächlich ein neues Feature dazu, welches hoffentlich praktisch ist.

Mit dem neuen Callback onFinishedAll wurde ein neues Event hinzugefügt, welches einmalig nach dem laden aller Bilder aufgerufen wird. Hierbei spielt es keine Rolle, ob alle Bilder korrekt geladen, oder Teile nur fehlerhaft geladen werden konnten.

$('img').lazy({
  onFinishedAll: function() {
    console.log('we're finished here!');
  }
});
read more ...
Share:

Lazy 0.1.15 erschienen

Seit heute liegt auf GitHub die Version 0.1.15 von jQuery.Lazy(); bereit. Die Idee bzw. der Tipp eines Nutzers, welcher mich zu dem Update bewegte, war gar nicht mal schlecht. Ein Punkt der mir vorher nicht in den Kopf kam: Was ist mit Bildern in Containern?

Gute Frage!

Normalerweise werden Bildern bei Lazy während des Scroll-Events geladen. Das betrifft immer die gesamte Seite, da das Plugin window verwendet, um auf Aktionen zu warten. Bilder die aber in einem Tag mit z.B. overflow: auto; lagern werden dann auch geladen, obwohl gar nicht nötig.

$('img').lazy({
  appendScroll: $('div#container');
});

Hier kommt die neue Konfiguration appendScroll von Lazy zum Einsatz. Wird hier ein Element angegeben so ist der Event-Listener nur noch darauf gerichtet. So lassen sich nicht nur Bilder speziell in einem Container laden lassen, sondern auch mehrere Lazy-Instanzen auf verschiedene Scroll-Events legen. Theoretisch gibt es hiermit viele Anwendungsmöglichkeiten, bin gespannt wann ich eine für mich finde. :)

Share: