JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

id="galactica">Kampfstern Galactica

    Diskussion
    Es gehört nicht zum Thema dieses Kapitels, zu zeigen, wie man Code effektiv testet. Die im Beispiel geschriebenen Tests sind dazu gedacht, einfach nur zu zeigen, was man mit Unit Tests tun kann. Chapter 18 geht da mehr ins Detail und kümmert sich um Unit Tests, insbesondere um das QUnit-Framework. Wenn Sie mehr darüber lernen wollen, wie man QUnit einsetzt, was für Tests damit ausgeführt werden können und wie Sie Ihren Code effektiv testen, lesen Sie sich das Kapitel durch.
    Das Ausliefern von Unit Tests zusammen mit Ihrem Plugin ist eine weitere Gelegenheit, zu zeigen, dass Sie sich dem Erfolg und der Stabilität Ihres Codes verschrieben haben. Damit erzeugen Sie Vertrauen bei Ihrer Anwender-Basis und zeigen, dass Ihr Plugin zum Ökosystem der jQuery-Plugins gehört. Die Tests erleichtern es zudem Ihren Anwendern, Fehler zu finden, die eventuell nur in einer anderen Laufzeitumgebung (z. B. einem anderen Browser) auftreten. So können Sie als Plugin-Entwickler den Fehler besser angehen, weil Sie gleich eine Testumgebung haben.

Chapter 13. Selbst geschriebene Benutzerschnittstellen
    Nathan Smith

Einleitung
    Die offizielle Widget-Sammlung von jQuery UI bietet eine riesige Auswahl direkt einsetzbarer Tools, aber manchmal wollen oder müssen Sie dann doch ein eigenes Element erstellen, das bestimmte Anforderungen erfüllt. Vielleicht wollen Sie mehr Einfluss auf das HTML-Markup haben oder einfach Ihre JavaScript-Codebasis kleiner halten. Eventuell bauen Sie auch etwas, das tatsächlich noch nicht von jemand anderem geschaffen wurde. Welchen Grund Sie auch immer haben – dieses Kapitel wird Ihnen zeigen, wie Sie eigene Komponenten für Ihre Projekte schreiben können. Diese Rezepte wurden so geschrieben, dass sie leicht zu nutzen sind, wobei der Einfachheit Vorrang vor Konfigurationsmöglichkeiten gegeben wurde.
    Eigene Tooltips erstellen zeigt Ihnen, wie Sie eigene Tooltips erzeugen, wenn Sie die Aufmerksamkeit des Anwenders auf zusätzliche Inhalte oder Hilfen lenken wollen. In In einem Baum navigieren wird beschrieben, wie Sie ein Menü mit Baumstruktur bauen, so dass der Anwender die einzelnen Elemente einer Site hierarchisch anzeigen kann. Ein Akkordeon aufziehen zeigt, wie man ein sich vertikal faltendes Akkordeon erstellt. Registerkarten in einem Dokument erklärt, wie man Links auf einer Seite und die entsprechenden Ziele nutzt, um Tabs aufzubauen. In Ein einfaches modales Fenster anzeigen wird erklärt, wie man über eine entsprechende Aktion ein einfaches modales Fenster erzeugt. Dropdown-Menüs erstellen erläutert, wie man ein einfaches Dropdown-Menü baut. Bilder zyklisch einblenden kümmert sich um das Erstellen eines Bild-Wechslers, der über Buttons gesteuert werden kann und die seiteninterne Link-Technik aus Registerkarten in einem Dokument nutzt. Sliding Panels nimmt die Erfahrungen aus Ein Akkordeon aufziehen auf und erstellt horizontale Panels anstatt eines vertikalen Akkordeons.
    ----
    Note
    Die folgenden Grundlagen werden im gesamten Kapitel genutzt und in den einzelnen Beispielen nicht explizit erwähnt.
    ----
    Jedes Rezept prüft zunächst, ob das notwendige Element tatsächlich im Dokument vorhanden ist. Wenn nicht, beenden wir die Funktion. Wird das Element nicht gefunden, dann gibt es keinen Grund, noch irgendetwas zu tun, daher sorgen wir dafür, dass nicht unnötig Code ausgeführt wird:
// Existiert das Element?
if (!$('#foobar').length) {

// Wenn nicht, beenden
return;
}
    Ein bisschen Code dient dazu, den Aufruf der Links abzubrechen, die nur dazu dienen, JavaScript-Events auszulösen. Die Methode
blur()
wird angewandt, um den gepunkteten Rahmen loszuwerden, der ansonsten so lange bestehen bliebe, bis der Anwender auf etwas Neues klickt, und mit
return false
wird der Browser angewiesen, dem Eintrag in
href
nicht zu folgen:
// Hier bleiben.
this.blur();
return false;
    Um die eigentliche dynamische Funktionalität anzustoßen, endet jedes Rezept mit einem Aufruf der jQuery-Funktion
document.ready()
,um sicherzustellen, dass das DOM schon fertig geladen ist (wenn auch nicht unbedingt alle Bildinhalte), bevor wir versuchen, Event Listener und so weiter zuzuweisen:
// Los geht's.
$(document).ready(function() {
init_foobar();
});
    Einige der Rezepte enthalten den folgenden Code im

des HTML-Dokuments.
document.write()
wird im Allgemeinen als furchtbar antiquierte JavaScript-Technik angesehen, da