Angular, AWS und Symfony Freelancer

Kategorie: JavaScript

  • Angular deutsche Lokalisierung konfigurieren

    Um Angular ab Version2  die deutsche Sprache für Fehlermeldugen und auch das Datums-Format zu konfigurieren, muss man in der app.modules.ts folgendes einstellen: … import { LOCALE_ID} from ‚@angular/core‘; import localeDe from ‚@angular/common/locales/de‘; import localeDeExtra from ‚@angular/common/locales/extra/de‘; import { registerLocaleData } from ‚@angular/common‘; registerLocaleData(localeDe, localeDeExtra); @NgModule({ providers: [ { provide: LOCALE_ID, useValue: ‚de‘ }, ] })

  • React Native für hybride native Apps

    Ein sehr interssante Möglichkeit um native Apps für Android und iOS zu schreiben bietet React Native von Facebook, damit wird zwar in Javascript und react.js gecodet, aber es werden damit native Funktionen benutzt wie bei Titanium und im Gegensatz zu Phonegap. Sicherlich eine höchst interessante Alternative zu Titanium und Phonegap.

  • Javascript disable all readonly Dropdowns and send via Form

    Readonly select-Tags are not allowed in HTML until now, but can be used. An alternative would be to use the disabled=true attribute, but this will not send the select value on form submission. An easy solution would be to disable the selection with Javascript and leave it readonly: $( document ).ready(function() {     $(’select[readonly=“readonly“]‘).css(‚pointer-events‘,’none‘); });…

  • Animationen erstellen mit Javascript

    Kleine Animation, wie das verschwinden eines div-Blockes, kann man in Javascript sehr einfach mit der Funktion setTimeout() erstellen. Die Logik ist dabei immer dieselbe: Für jeden Bewegungsframe wird mittels der  setTimeout-Funktion zu einem bestimmten Zeitpunkt die Größe oder Posiition des Objektes verändert, so dass am Ende aneinandergereiht eine Animation herauskommt für das menschliche Auge. Bsp:…

  • TinyMCE Focus und Blur Events Javascript

    Die TinyMCE focus und blur Events kann man folgendermaßen mit Javascript behandeln:         <script type=“text/javascript“>             $( window ).load(function() {                 tinyMCE.dom.Event.add(tinyMCE.getInstanceById(„foo_id“).getWin(), „focus“, function(){                     console.log(„focus“);                 });                 tinyMCE.dom.Event.add(tinyMCE.getInstanceById(„foo_id“).getWin(), „blur“, function(){                     console.log(„blur“);                 });             });         </script>

  • Bing Maps API Tutorial

    Das Einbinden von Bing Maps auf der Webseite gestaltet sich sehr ähnlich wie Google Maps. Die freie jährliche Nutzung liegt bei 10Millionen Requests im Jahr, danach muss gezahlt werden Als erstes benötigt man einen Key, den man kostenlos mit Hilfe eines Windows-ID Kontos (z.B. per Hotmail Account) anfordern kann und automatisch bekommt hier. Microsoft bietet…

  • PHP-Funktionen in JS benutzen mit php.js

    Wer vermisst es nicht: High Level Funktionen, die einem die einfachsten arbeiten abnehmen in Javscript. Von PHP ist man immer gewöhnt schlanken, gut lesbaren Code zu schreiben, auch dank der vielen eingebauten Hilfsfunktionen, wie z.B. für die String Verarbeitung: strncmp strpbrk strpos strrchr strrev strripos strrpos strspn strstr strtok strtolower strtoupper strtr Dies ist zeit…

  • Cross Domain Ajax Requests

    Von Hause aus sind Cross Domain Ajax Requests aus Sicherheitsgründen nicht erlaubt, weil so fremder Schad-Code beim Client nachgeladen und ausgeführt werden kann. Um trotzdem einen erfolgreichen Ajax Request auf eine andere Domain oder Subdomain oder auch nur von HTTP auf HTTPS zu senden, muss man die Access-Control-Allow-Origin beachten. Man muss nicht jsonp benutzen, wie…

  • Redo / Undo Class für kinetic.js

    Für den Einbau einer Redo und Undo-History Funktion in ein Porgramm zu integrieren, benötigt man nur die folgende Klasse und muss an den passenden Zeitpunkten die makeHistory() funktion aufrufen: history = new History(stage, layer); histoy.makeHistory(); function History(stage, layer){     var historyStep = 0;     var history = Array();     var layer = layer;     var…

  • Umrechnung von Bogenmaß (Radians) zu Grad in Javascript

    Die folgenden Funktionen rechnen von Bogenmaß (Radians) in Grad um und anders herum: function degreeToRadians($degree) {     return $degree * Math.PI / 180; } function radiansToDegrees($radian) {         return $radian * 180/ Math.PI; }