Kategorie Archiv: jQuery

Hier findet ihr Informationen und Tipps zu jQuery, sowie einige nützliche jQuery Plugins.

Geo Location Java Script: Mit Java Script Ortung mobiler Endgeräte durchführen

Google Latitude

Ortung für mobile Endgeräte nur mit Java Script

Mobile Endgeräte werden immer wichtiger bei der Konzeption von Internetseiten und -anwendungen. Ebenso die damit einhergehende Möglichkeit die Geräte über GPS oder über das GSM Netz zu orten um ortbasierte Dienste anbieten zu können.

Dabei muss jedoch nicht in jedem Fall eine App auf dem Handy installiert werden, die auf den eingebauten GPS Sensor zugreift, für viele Geräte genügt schon die Java Script Library Geo Location Java Script in Verbindung mit Google Gears. Dies lässt eine Ortung über moderne Browser von normalen Computern zu, aber auch auf mobilen Endgeräten.

Weiterlesen

Abgelegt unter: Demo, Java Script, jQuery | Schlagworte: , , , , | Kommentar verfassen

Google Translate API per Javascript nutzen um Inhalt in verschiedenen Sprachen darzustellen

Google TranslateDavid Walsh hat in seinem Blog vor kurzem einen interessanten Artikel verfasst. Dabei hat er gezeigt, wie mit Hilfe von Java Script auf die Ressourcen der Google Translate API zurückgegriffen werden kann. Da ich an dieser Möglichkeit gefallen gefunden habe, stelle ich hier die jQuery basierte Lösung vor.

Weiterlesen

Abgelegt unter: Demo, jQuery | Schlagworte: , , , | Kommentar verfassen

Paul Irish: 11 More Things I Learned from the jQuery Source – wieder ein geniales Video mit vielen hilfreichen Erkenntnissen

Paul Irish hat wieder ein sehr gutes Video zu den Tricks aus dem jQuery Sourcecode gepostet. Auf dieses möchte ich heute in aller Kürze verweisen:

Abgelegt unter: jQuery | Schlagworte: , | Kommentar verfassen

jPlayer: jQuery Plugin für das Abspielen von Audio und Video mit HTML5 oder Flash

jPlayerIn einem meiner aktuellen Projekte war es notwendig Audiodateien vom Server für den Nutzer abzuspielen. Dabei musste ich darüber hinaus ein jQuery Plugin finden, welches eine vollständige Kontrolle über diese Dateien zulässt, das heißt Audiodateien zu jedem Zeitpunkt starten, stoppen, zum nächsten Track wechseln und auch während der Laufzeit weitere Audiodateien in die Playlist aufnehmen. Mit jPlayer habe ich ein Plugin gefunden, dass darüber hinaus sogar schon die HTML5 fähigen Browser auf diese Art bedient, während die Fallback-Variante mit einem Flash (swf) arbeitet.

Weiterlesen

Abgelegt unter: HTML5, jQuery, Tools | Schlagworte: , , , | Kommentar verfassen

Image Preload mit jQuery – Bilder mit jQuery in den Arbeitsspeicher laden

Bilder vorladen mit jQuery

Bilder vorladen

Nutzer wollen nicht warten. Gemäß diesem Motto werden häufig auf Webseiten schon Informationen, die der Nutzer mit einer hohen Wahrscheinlichkeit als nächstes anzeigen möchte, vorgeladen.

So werden bei einem Klick in ein Login-Formular schon Elemente des Dashboards das nach dem Login angezeigt werden soll, geladen, um diese Seite dann schneller ausliefern zu können. Ein wichtiger Bestandteil ist dabei das Laden von Bildern, da diese häufig den Großteil des Datenvolumens ausmachen.

Weiterlesen

Abgelegt unter: Java Script, jQuery | Schlagworte: , , , | Kommentar verfassen

Automatisches Update von Informationen wie bei Twitter mit selbstaufrufenden Java Script Funktionen

Twitter Automatic Update

Automatische Updates bei Twitter

Manchmal ist es gewünscht, dass verschiedene Elemente auf einer Webseite stets aktuell sind, auch während der Nutzer ohne einen Reload auf der Seite verharrt. In solchen Fällen hilft Java Script (mit AJAX) und PHP. Dabei wird häufig die Java Script Funktion setInterval(); verwendet, die jedoch mehr als ungeeignet ist. In diesem Artikel erkläre ich wieso setInterval(); nicht verwendet werden sollte und wie die Umsetzung optimal geschieht.

Weiterlesen

Abgelegt unter: Demo, Java Script, jQuery, PHP | Schlagworte: , , | Kommentar verfassen

Projekt: jQuery Mobile for WordPress – ein Theme für mobile Endgeräte

Gestern habe ich das Projekt “jQuery Mobile for WordPress” gestartet. Dabei werde ich ein WordPress Theme entwickeln, welches die Standards aus dem jQuery Mobile Framework aufgreift. Damit ist es möglich ein plattformunabhängiges WordPress Theme für mobile Endgeräte zur Verfügung zu stellen. Mehr Informationen und Update gebe ich dazu ab sofort in der Projekt-Sektion. Mein Repository ist darüber hinaus auch auf GitHub zu finden.

Abgelegt unter: CSS, jQuery, Tools, Wordpress | Schlagworte: , , | Kommentar verfassen

jQuery Mobile als Alpha Version verfügbar

Das jQuery Mobile Projekt hatte ich bereits in einem früheren Artikel dargestellt. Nun ist das Projekt in der ersten Alpha Version an den Start gegangen und verspricht sehr viel im Bereich der Webentwicklung für Smartphones und Tablets zu Vereinfachen. In diesem Artikel werde ich einen ersten tieferen Blick in das junge Framework wagen und über meine Eindrücke schreiben.

Weiterlesen

Abgelegt unter: CSS, HTML5, jQuery | Schlagworte: , | Kommentar verfassen

jQuery: Keyboard Navigation – navigieren mit der Tastatur (inklusive Keycode Tabelle)

Häufig möchte man dem Nutzer aus Gründen der Usability auch die Möglichkeit zur Verfügung stellen, die Webanwendung oder gezielte Teile (z.B. bei Autocompletion) mit der Tastatur zu navigieren. In diesem Beitrag zeige ich, wie dies mit jQuery umgesetzt werden kann. jQuery stellt dazu Events bereit. Zusätzlich müssen den s.g. Keycodes zu den Tasten bekannt sein, die mit Funktionen belegt werden sollen.

Weiterlesen

Abgelegt unter: Demo, jQuery | Schlagworte: , , , , | Kommentar verfassen

jQuery: testen ob ein Element existiert

jQuery Logo

jQuery Logo

Dieser Beitrag soll ein kurzer jQuery Tipp sein, da ich schon verschiedene Varianten getestet habe wie in jQuery getestet werden kann ob ein Element existiert. Nach einigen Tests und verschieden gefächerten Erfolgen, möchte ich Euch hier die einfachste und zuverlässigste Lösung geben.

Weiterlesen

Abgelegt unter: jQuery | Schlagworte: | Kommentar verfassen