Kategorie Archiv: Demo

In dieser Kategorie befinden sich alle Beiträge die grundsätzlich ein Tutorial sind und somit ein Beispiel (Demo) und einen Quellcode zum herunterladen beinhalten.

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

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 … Weiterlesen

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

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

David 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, … Weiterlesen

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

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

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 … Weiterlesen

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

Bilderinformationen bei MouseOver wie bei Google Images mit CSS

Google hat die Bildersuche auf der amerikanischen Variante google.com schon angepasst. Dabei werden nach einer getätigten Suche nur noch die Bilder an sich gezeigt, ohne weitere Metainformationen wie bisher. Will man diese Informationen sehen, genügt es mit der Maus auf … Weiterlesen

Abgelegt unter: CSS, Demo | 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. … Weiterlesen

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

jQuery Expandable: Textfelder die sich dem Schreibenden anpassen

Man könnte beinahe behaupten, dass ich eine “nützliche jQuery-Plugins”-Reihe begonnen hätte. Tatsächlich ist es jedoch so, dass ich derzeit viele dieser Plugins für eigene Projekte benötige und die wirklich hilfreichen hier gleich vorstelle. In diesem Beitrag soll es um Textareas … Weiterlesen

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

jQuery CharCount: Auf den Punkt gebracht

Die Begrenzung von Zeichen hat das derzeitige Jahrzehnt schon jetzt geprägt. Diese Aussage klingt auf den ersten Blick etwas seltsam, ist jedoch wahr. Twitter hat sich als 140-Zeichen Microblogging-Dienst durchgesetzt und ist in aller Munde. Die Begrenzung der Zeichen in … Weiterlesen

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

jQuery TinyTips: Hilfreiche Hinweise für die Benutzer einfach mit jQuery gestalten

Manchmal ist es auf einer Webseite notwendig den Nutzer mit zusätzlichen Informationen zu versorgen – dennoch ist es nie gewollt ihn gleich zu Beginn mit Informationen zu überfluten. Dieses Dilemma lässt sich zumindest zum Teil durch das jQuery Plugin TinyTips … Weiterlesen

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

jsFiddle: Quellcode online testen für Mootools, jQuery, YUI, Dojo und viele mehr

jsFiddle ist ein ehrgeiziges Projekt. Es ermöglicht das Schreiben von Quellcode (HTML, CSS, Javascript) auf einer Webseite auf der dieser dann auch gespeichert und ausgeführt werden kann. Sehr hilfreich ist dabei, dass die bekannten Java Script Frameworks gleich zu beginn … Weiterlesen

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

Toolbar für die eigene Webseite mit CSS und jQuery

Wie ihr sicherlich schon bemerkt habt, befindet sich im Kopf der Seite eine neue Toolbar, die sich erst nach etwas Scrollen nach unten einblendet und auch wieder aus dem Sichtfeld verschwindet, wenn ihr wieder nach oben scrollt. Diese Toolbar ermöglicht … Weiterlesen

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