In diesem Beitrag möchte ich kurz zeigen, wie ihr euer jQuery-Plugin selber erstellen könnt. Mittlerweile gibt es ja zahlreiche solcher Plugins, wie die Listen auf noupe oder Smashing Magazine zeigen.

Warum ein Plugin?

Ich persönlich finde es hilfreich im Bezug auf die Wiederverwendbarkeit von bestimmten Funktionen. Die Verwaltung von Plugins ist meiner Meinung nach einfacher als ein “normales” JavaScript mit vielen verschiedenen Funktionen.

Sometimes, some additional information in a text can be quite useful. To do this in a website, you can use a fancy tooltip that appears, when hovering a certain word with the mouse. This post will demonstrate, how this can be done, using the great jQuery toolkit.

Code

Demo

Hier kommt ein kurzes JS, welches erkennt, ob der Besucher der Seite mit einem iPhone durch das Web surft:

var u = navigator.userAgent.toLowerCase();
var iphone = ((u.indexOf('iphone'))!=-1);
if (iphone) {
    alert("Howdy, dear iphone owner!");
}

So könnte anschließend beispielsweise eine Weiterleitung zu einer iPhone-optimierten Seite folgen.

Heute will ich nochmal ein kurzes Code-Schnippet vorstellen, das mit eventListenern funktioniert und ganz nützlich für Suchanwendungen ist.

Ein Beispiel

Vergleicht doch mal das Wörterbuch Leo mit dem Webdienst Canoo.:

Insbesondere das Feel soll in diesem Beitrag im Mittelpunkt stehen. jQuery ist eine von vielen JavaScript-Bibliotheken, die im Internet verfügbar sind. In immer mehr Open-Source-Projekten ist jQuery bereits standardmäßig dabei, so auch in WordPress. Einbinden läßt sich die Bibliothek in WordPress mit der folgenden Zeile (1) in der header.php vor Zeile (2):