JavaScript

Fix empty DFP iframes on responsive websites due to illegal repositioning

Today I'd like to share a recent problem we had in a Drupal project where we were using dfp.module.

We were wondering that from time to time DFP ads were disappearing on some positions.

Moving ads parents containers is the reason

Snippet: JavaScript: Create css class/id/name identifier cleanly from string

Based on
https://api.drupal.org/api/drupal/includes!common.inc/function/drupal_html_id/7
https://api.drupal.org/api/drupal/includes!common.inc/function/drupal_clean_css_identifier/7
this simple JavaScript snippets turns strings into valid HTML id / class / name identifiers (http://www.w3.org/TR/html4/types.html#type-name)

Code:
 

Linktipp: jQuery Plugin für eine interaktive Weltkarte: jvectormap.com

Linktipp: jQuery Plugin für eine interaktive Weltkarte: jvectormap.com

Mein heutiger Linktipp beinhaltet ein klasse jQuery Plugin zur Darstellung einer interaktiven Weltkarte mittel SVG.

Die Karte ist somit ein erstklassiger Ersatz für die uralte "ImageMap"-Technik und z.B. klasse geeignet für Standortkarten auf Unternehmenspräsentationen.

Linktipp: Drupal JavaScript Behaviours

Mein heutiger Linktipp dreht sich um JavaScript in Drupal. Genauer gesagt: Drupal.behaviours. Da dieses Thema immer wieder auf den Tisch kommt und häufiger zu Fragen führt, möchte ich den nachfolgenden Artikel zum Thema empfehlen.

Er bietet einen schnellen Einstieg und erläutert fast alles, was man wissen muss. Von attach() bis .once() gibt es ein paar schöne Dinge zu lernen :)

jQuery Plugin: headroom.js blendet den Kopfbereich beim Hochscrollen wieder ein

Diese Funktion ist bereits aus einigen Apps und insbesondere sozialen Netzwerken bekannt: Wenn ihr Euch schon weit unten auf einer Website befindet, wird beim Hochscrollen sofort die Navigation am Seitenkopf angezeigt, ohne dass ihr ganz nach oben scrollen müsst!

Eine praktische Usability-Hilfe, gerade bei sehr langen Seiten!

Linktipp: 20 supercoole jQuery Drag & Drop / Graph Bibliotheken

Mein heutiger Linktipp beinhaltet einen Blogeintrag zu 20 super super coolen JavaScript Drag & Drop sowie Graph-Animations-Bibliotheken.

Möchtet ihr also hierarchische Graphen darstellen, eine leichtgewichtige (sogar mobile) Drag & Drop Anwendung erstellen, müsst ihr euch diese Bibliotheken unbedingt ansehen! HAMMER!

Ein riesen Lob an die Entwickler oder was sagt ihr?

Linktipp: jQuery UI Touch Punch - Touch-Mobilgeräteunterstützung für jQuery UI

Heute ein kleiner Linktipp zu einem Projekt, welches sich zum Ziel gesetzt hat, jQuery UI Elemente auf Mobilgeräten besser nutzbar zu machen!

Linktipp: devdocs.io - Übergreifende API Dokumentation für (Web-)Entwickler

Ein Link, den jeder (Web-) Entwickler in seinen Favoriten haben sollte. ;)

Highstock: Series Type (Darstellungstyp) dynamisch umschalten

Ihr möchtet den Typ ("type") Eurer Chart Series in Highstock dynamisch zur Laufzeit ändern?
Kein Problem! Das geht folgendermaßen...

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

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.