Ionic – Anzeigen des Settings Menü GPS

Damit man mit Ionic dem User auch Anzeigen kann das die GPS Daten nicht vorhanden sind und er diese im Settings Menü ändern muss, braucht man die folgenden beiden Plugins

cordova-plugin-request-location-accuracy

cordova-diagnostic-plugin

Mit diesen kann man abfrage ob GPS aktiviert ist und auch den Benutzer zum jeweiligen Menü des OS zu schicken. Damit ist es wie in einer normalen Android App möglich ein “Bitte aktivieren Sie Google Standortdienste” Fenster anzuzeigen.

HTML5 und CSS3 Support

Mit HTML5 und CSS3 gibt es viele neue Möglichkeiten für die Gestaltung und das Verhalten von Webseiten. Aber nicht alle Browser unterstützen alle neue Möglichkeiten oder die gleichen Befehle.

Die Seite http://www.findmebyip.com/litmus/ bietet eine Übersicht, welcher Browser was unterstützt. Dabei werden sogar die IE Versionen 6, 7 und 8 berücksichtigt.

Thymol – Solution for Thymeleaf th:inlcude static pages

Jim Benson hat eine Javascript Bibliothek veröffentlicht, welche es ermöglich einen Thymeleaf Seite mit th:inlucde ohne Webserver anzuschauen. Die Javascript Bibliothek bindet mit der Jquery Get Funktion den Link des th:include Tags ein. Dies ermöglicht es die Seiten statisch mit den th:inlcudes anzuschauen, ohne thymol musste dafür jeder th:inlcude Tag mit Default Inhalt gefüllt werden. Was den großen Nachteil hatte, wurde mit th:include ein Default Header angezogen und in diesem etwas geändert, musste es in jedem Template angepasst werden – falls man die Templates ohne Webanwendung anschauen wollte.

Leider funktioniert das ganze im Chrome lokal nicht, da dort in Javascript ein $.get auf  Lokale files nicht erlaubt ist.

Link zur JS Bibliothek: https://sourceforge.net/u/jjbenson/wiki/thymol/
Aktuell muss bei den Examples noch die Jquery Bibliothek in den JS Ordner eingefügt werden.

Link zu Thymeleaf: http://www.thymeleaf.org/

HTML 5 Formular Validierung

Wer auf der suche nach einer schnellen und einfachen Validierung von Formular Feldern mit Fehlermeldung ist, wird bei HTML 5 fündig. Aber eine solche validierung, ersetzt auf keinen Fall die Prüfung im Backend.

Mit HTML5 wird eine neue Anzahl type Möglichkeiten für Input Felder geliefert. Z.B.:

Damit lässt sich einfach und schnell prüfen ob es sich um eine Email Adresse handelt, falls nicht gibt der Browser in dem Feld eine Meldung aus. Diese Meldung besagt, das die Adresse keine gültige Email Adresse ist.
Neben Email gibt es aber noch Continue reading “HTML 5 Formular Validierung”