jQuery Sparkline

jQuery Sparkline ist (wie der Name schon vermuten lässt ) ein jQuery-PlugIn mit dem man Sparklines anzeigen kann.

Sparklines sind kleine “Inline-Diagramme”. Das heisst: Mini-Diagramme die im Fliesstext angezeigt werden. Dieses Feature kennt man z.B. von diversen Finanzseiten wo diese Art von Diagrammen gerne genutzt wird um den Verlauf des Aktienkurses hinter einem Firmennamen anzuzeigen. Man könnte Sparklines aber auch sehr gut in Community-Sites nutzen um dort Informationen über Nutzer anzuzeigen (z.B. “Foren-Postings pro Tag in den letzten 7 Tagen” oder Ähnliches).

Das unter der New BSD-License stehende PlugIn sollte auf allen wichtigen Browsern funktionieren (IE 6+, Opera 9+, FireFox 2+, usw.) und ist in der minimierten und gepackten Variante nur 5KB groß (ungepackt: 22KB).

Roundabout

Roundabout ist ein PlugIn für jQuery mit dem man Elemente einer Website in einer Art Karussel anzeigen kann das entfernt an die Cover-Flow Technik von Apple erinnert.

Man kann damit mehrere Elemente im Kreis anordnen und die Elemente im Hintergrund entweder per Mausklick oder über JavaScript gesteuert nach vorne holen.

Am besten schaut Ihr Euch die Demos auf der Homepage an um einen Eindruck zu bekommen was das PlugIn leistet.

Roundabout steht unter der BSD-Lizenz und kann entsprechend genutzt werden.

jQuery Keypad

jQuery Keypad ist ein Plugin für jQuery mit dem verschiedene Keypads, die man beliebig per CSS stylen kann, einblenden kann.

jQuery Keypad

Man kann z.B. auch nur eine numerische Tastatur einblenden (0-9), etc. – das PlugIn steht unter der GPL und MIT Lizenz zur Verfügung.

Virtual jQuery Keyboard

Kishore Nallan hat auf DesignShack einen Artikel mit dem Titel “Creating a Virtual jQuery Keyboard” veröffentlicht in dem er erklärt wie man ein virtuelles Keyboard erstellt und bietet auch gleich den kompletten Sourcecode zum Download an.

Virtual jQuery Keyboard

Virtual Keyboard Interface

Eine Lösung die ohne jQuery auskommt ist Virtual Keyboard Interface. Das Besondere an dieser Lösung ist, dass sie gleich mit verschiedenen Tastatur-Layouts ausgerüstet ist die man umschalten kann. So hat man z.B gleich Zugriff auf die deutschen Umlaute, etc.

Virtual Keyboard Interface

Das Script steht unter der BSD-Lizenz.

Ausserdem besitzt die Klasse von Haus aus einen Caching-Mechanismus mit dem unnötige Zugriffe vermieden werden können.

SimplePie steht unter der BSD-Lizenz.

Beispiel

Hier ein kleines Beispiel zur Nutzung der Klasse:

// SimplePie laden
require_once('simplepie.inc');

$oFeed  = new SimplePie();

// Feed-URL festlegen
$oFeed->set_feed_url('http://www.tagdocs.de/feed/');

// Cache konfigurieren
$oFeed->set_cache_duration(1800);
$oFeed->set_cache_location('./cache/');
$oFeed->enable_cache(true);

// Feed laden
$oFeed->init();

// Sicherstellen das das Encoding stimmt
$oFeed->handle_content_type();

Danach würde man die Daten dann ausgeben. Ein Beispiel für eine einfache Seite findet sich z.B. hier.

Mit dem PlugIn kann man beliebige Tabellen in einer Webseite um eine ganze Reihe von Funktionen erweitern. Das PlugIn erlaubt es z.B. nach Spalten zu sortieren, die Daten zu filtern, uvm.

DataTables-PlugIn

Das Aussehen der Tabellen kann natürlich über CSS beliebig abgeändert werden. Ausserdem kann man bei Bedarf die in der Tabelle angezeigten Daten per AJAX nachladen, uvm.