Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

jQuery /CSS3: Responsive Funktion via jQuery und CSS auslösen, anstelle von window width

Möchte man Javascript-Funktionen bei bestimmten Bildschirmgrößen auslösen, so fällt einem schnell auf, dass Window Width (Browserbreite) nicht der Breite entspricht, die Mediaqueries benutzen. Dies liegt meistens an der Scrollbar, die je nach…


AngularJS: JSONP benutzen und Fehler vermeiden

AngularJS kann von Haus aus JSONP und dies funktioniert auch super. Hier mal ein kleines Beispiel, wie man JSONP mit Angular benutzt. ($http muss natürlich in eurer App/Controller eingebunden)


Cordova: Links zu Programmen (mailto, tel, etc.) zulassen

Seit neueren Cordova Versionen, muss man ein Plugin zu Cordova hinzufügen, um externe Links zuzulassen. Das Plugin heißt Plugin Whitelist und ist hier zu finden:https://github.com/apache/cordova-plugin-whitelistIch brauchte beispielsweise Links für…


PHP: Rearrange Array Keys (Array Schlüssel neu anordnen)

Wenn man in PHP ein Array hat, bei dem die Keys "löchrig" sind, zum Beispiel durch Filtern, oder beim setzen neuer Arrays mit dessen bisherigen Keys und möchte dass diese wieder richtig aufsteigend neu gesetzt werden so kann man ganz einfach die…


Javascript: window.location.origin im Internet Explorer benutzen

Da viele alte Internet Explorer das überaus nützliche Feature window.location.origin nicht können, welches einem die komplette URL mit allen Parametern zurückgibt, kann man sich folgendem kleinen Snippet/Polyfill behelfen:


Javascript: 2 Werte in einem Array tauschen

Für ein kleines Projekt benötigte ich letztens eine Funktion, die mir Werte in einem Array austauscht. Deshalb habe ich kurzerhand einen Array Prototype geschrieben. Man muss nur den index der beiden Werte übergeben und bekommt das umsortierte…


PHP: Das n-th Element aus einem assoziativen Array bekommen

Möchte man aus einem assoziativen Array ein bestimmtes Element bekommen, beispielsweise das 2. kann man dies ganz einfach mit der array_slice Funktion lösen. Das untere Beispiel zeigt dies. Würde man einfach $data[2] machen, würde dies nicht…


jQuery: Touch-friendly image lightbox für Handys, Tablets und Desktops

Für ein Wordpress-Theme habe eine responsive Lightbox benötigt, die simpel ist und vor allem auch Swipe Gesten unterstützt. Nach vielem ausprobieren und testen habe ich mich dann selbst ans Werk gemacht und die Simple Lightbox entwickelt. Das…


Wordpress: jQuery im Footer laden

Möchte man jQuery im Footer laden, um die Ladezeiten und die Wertung von Google zu verbessern, so lässt sich das so machen:Normales Einbinden von jQuery in der functions.php


TYPO3: Javascript vor den Extensions einbinden (meistens für jQuery)

Manchmal kommt es vor, dass das Javascript von Extensions schon vor dem eigenen Javascript geladen wird. Dies ist im Falle von jQuery natürlich fatal, da dann keine einzige Funktion mehr geht und es den Fehler gibt, dass $ nicht definiert ist. Mit…