Schlagwort:
Javascript

Kartendienst auf eigener Webseite mit ArcGIS API for JavaScript

TL;DR: Demo einer Kartenanwendung mit esri Wenn man eine eigene Karte auf der Webseite darstellen will, nutzt man meistens Google Maps. Auf dem Gebiet der Geodatenanwendungen ist allerdings Google eher ein Newbee. Der alte Platzhirsch heißt esri. Im Bereich der webbasierten Karten wie Google Maps hatte esri etwas geschlafen. Aber in den letzten Jahren gibt […]

Event Handler für noch nicht existierende Elemente in JQuery

s kommt manchmal vor, dass man ein Element mit Jquery einfügt und einen Eventhandler dafür registrieren will. Ab JQuery 1.7+ geht das mit der on() Methode. Für Elemente die noch nicht existieren muss man den Event-Delegation Ansatz der Methode on() nutzen. Der normale direkte Aufruf sieht wie folgt aus (und funktioniert nicht für Elemente, die […]

Mit Google VR-View 360-Grad-Fotos in eigene Webseite einbinden

Google Cardboard ist eine günstige Möglichkeit um aus einem Smartphone und einem Pappkasten mit Linsen eine Virtual-Reality Brille zu erstellen. Wer will kann sich die Brille sogar mit folgender Anleitung selbst bauen. Allerdings muss man die Displaygröße des Geräts beachten. Mein Galaxy Note 3 ist z.B. zu groß. Auch die Linsen selbst sind nicht allzu […]

Hat ein mobiles Gerät ein Gyroskop oder Beschleunigungssensor?

Im letzten Beitrag habe ich einen Weg gezeigt, mit dem man ermitteln kann, ob ein Gerät wirklich mobil ist. Der DeviceMotionEvent gab hierüber Auskunft. Will man wissen, ob ein Gerät über ein Gyroskop verfügt, kann man wie folgt vorgehen: See the Pen Accelerometer or Gyroscope by uli schaeffler (@ulrischa) on CodePen. Erklärung Ich dachte bis […]

Überprüfen ob ein Gerät wirklich “mobil” ist

Ob ein Gerät mobil ist, kann man auf einer Webseite über mehrere Arten überprüfen. Ob das Gerät wirklich portable bzw. mobil ist – sprich bewegt werden kann – ist aber oft noch nicht damit geklärt. Oft werden folgende Verfahren verwendet: Bildschirmbreite abfragen: Eine kleine Bildschirm bedeutet noch nicht, dass das Gerät mobil ist. User Agent: […]

JSONP Beispiel in JQuery und in Vanilla JavaScript

JSONP ist eine der ältesten Möglichkeiten Daten über verschiedene Domaingrenzen hinweg auszutauschen und die Einschränkungen die bei einem AJAX Request hinsichtlich Same-Origin-Policy bestehen würden zu umgehen. Man braucht auf der Serverseite ein Script, dass JSON Daten mit einem Funktionsaufruf umhüllt. Z.B. müsste statt {some-key:’some-value’} callbackname({some-key:’some-value’}) vom Server zurückgegeben werden. Und diese Antwort wird vom Client […]

Cross Domain

Die Same-Origin-Policy (SOP) stellt einen Sicherheitsmechanismus dar, der verhindert, dass www.a.de auf Ressourcen von www.b.de (z.B. über ein Script im Client) zugreifen kann. Grundsätzlich ist das eine gute Sache. Was aber wenn www.a.de und www.b.de mir gehören und ich bewusst einen Austausch herstellen will? In diesem Fall gibt es einige Möglichkeiten, wobei aber die eine […]

Javascript mit Mediaquery im responsive Design verbinden

Mit CSS kann man Eigenschaften mit Mediaqueries abhängig von der Bildschirmgröße ändern – ein wichtiger Bestandteil des responsive Designs. Manchmal will man aber auch bestimmten Javascript Code nur bei einer Bildschirmgröße ausführen. Die Verkettung von Javascript – Codes mit einer Mediaquery kann man über unterschiedliche Techniken erreichen. Zum einen kann man über Javascript oder JQuery […]