Zur├╝ck zum Blog

Javascript for Dummies

­čôů  

JQuery erleichtert das clientseitige Eventhandling

Beim Umsetzen einiger W├╝nsche mittels eines Contentsliders auf der Startseite hat uns der Einsatz von JQuery und Twitter Bootstrap wieder viel Zeit gespart.

Ein Seitenbereich soll, je nach dem, auf welchem Triggerfeld der Webseite sich der Mauszeiger befindet, einen entsprechenden Detailtext stabil zeigen. Ist die Maus nicht auf einem der Triggerfelder, sollen die Detailtexte automatisch durchscrollen. Bei Klick auf eines der Triggerfelder soll zur entsprechenden

Detailseite gesprungen werden.

Wir verwenden den eingebauten Slider von Twitter Bootstrap, genannt Carousel, und implementieren die Logik mit JQuery. F├╝r Trigger Feld 8 sieht das dann so aus:

$("#trigger8").hover(function() { $('#carousel').carousel(8)
                                  $('#carousel').carousel('pause') },
                     function() { $('#carousel').carousel('cycle') })
$('#trigger8').click(function() { location.href = "kundenzufriedenheit" })

Durch den effizienten Selektor von JQuery und die klare API von Twitter Bootstrap erhalten wir beeindruckend kurzes und lesbares Javascript, das in einen Javascript for Dummies Kurs passen w├╝rde.

Backgroundjobs

F├╝r Backgroundjobs ist nun auf den Servern Delayed Job installiert. Damit k├Ânnen wir ressourcenintensivere Prozesse in den Hintergrund auslagern und asynchron durchf├╝hren. Der Benutzer muss damit nicht auf die Fertigstellung der Aufgabe, zum Beispiel den Versand des E-Mails warten. Wir k├Ânnen aus dem Backgroundjob ├╝ber unseren Messagingserver Faye aber weiterhin mit den Browsersessions kommunizieren und den Benutzer in weiterer Folge ├╝ber die Fertigstellung benachrichtigen. Ein weiteres Beispiel w├Ąre das manuelle Ansto├čen der sonst nur t├Ąglichen Updates der externen Datenquellen aus dem Administrations-Interface.

F├╝r das Monitoring der Jobs wurde ein Webinterface eingerichtet. Scheiternde Jobs werden in exponentiell wachsenden Abst├Ąnden erneut versucht.

Vermischtes

Baumnavigation


Men├╝


Zur├╝ck zum Blog