Fire on enter

Kleines Javascript / jQuery – Snippet, das eine Aktion auslöst, sobald in einem Feld der Enter – Button betätigt wird. 123$("[fire-on-enter]").not(‘.fire-on-enter-bound’).on("keypress", function(e) { if(e.which == 10 || e.which == 13) eval($(this).attr("fire-on-enter")); }).addClass("fire-on-enter-bound"); Verwendet wird das Skript beispielsweise so: 1<input type="text" fire-on-enter="alert();" /> Was hat es mir fire-on-enter-bound auf sich? Ich verwende regelmäßig Ajax zum dynamischen […]

Simple Template Engine

Für ein etwas größeres Projekt habe ich eine einfache TemplateEngine gesucht. Ich wollte nicht sowohl für meine serverseitigen als auch meine clientseitigen Skripte immer wieder den selben Code schreiben, der dann auch an zwei verschiedenen Orten immer wieder umständlich geändert werden musste (Stichwort: Single Point Of Maintenance). Eine (Betonung!) einfache TemplateEngine scheint es so aber […]

Sekunden in Tage, Stunden, Minuten, Sekunden umrechnen

Bei einem aktuellen Projekt an dem ich heute morgen saß hatte ich etwas Kopfschmerzen dabei, einen Sekundenwert in Tage, Stunden, Minuten und Sekunden umzurechnen. Eigentlich simpel, aber ich stand auf dem Schlauch. Wem es auch so geht und vor einem ähnlichen Problem steht, hier eine Lösung. Beispielsweise wollen wir nach 500 Sekunden ein Ereignis auslösen. […]

Scrollblur

Als „Designfreak“ suche ich natürlich immer nach geeigneter Inspiration, und was bietet sich da besser an als ab und an auf den Webseiten der großen Agenturen vorbei zu schauen, und so lande ich auch ab und zu auf der Seite von Syzygy. Beim Scrollen ist mir natürlich aufgefallen, dass das Header Bild auf der Startseite […]

Javascript Snippets

Hier sammle ich ein paar JavaScript – Snippets. Eine Liste, die im Laufe der Zeit sicher noch erweitert wird 🙂 Zufälliges Element aus einem Array? Nichts leichter als das! 12var items = [123, ‚John‘, 11111, ‚Doe‘, ‚foo‘, 2924, ‚bar‘, ‚foobar‘, 55, ‚baz’]; var  randomItem = items[Math.floor(Math.random() * items.length)]; Zufällige Zahl mit einem Mindest- und einem […]

SPAM protection methods N° 2: Timing ist alles

Im Rahmen der Reihe „SPAM protection methods“ geht es weiter mit Teil 2 und dem ominösen Titel „Timing ist alles“. Dem zu Grunde liegt die Überlegung, dass Nutzer, wenn Sie ein Webformular ausfüllen, nicht innerhalb von wenigen Sekunden sofort das gesamte Formular ausgefüllt haben. Geht man von der allwissenden Wikipedia aus, beträgt die Anzahl an […]

Javascript Promises

Seit Juni 2015 sind Promises mit ES6 auch in Javascript angekommen und können hier nativ genutzt werden. Vielleicht geht es einigen hier so wie mir am Anfang und wissen nicht so recht, für was promises sinnvoll sind oder wie sie genutzt werden. Was sind Promises? Javascript ist „Singlethreaded“ und arbeitet daher sequenziell bzw. synchron. Promises […]