jQuery von Kopf bis Fuß (German Edition)

passenden
Reset
-Funktion verbinden.
    jQuery-Magneten
    Bringen Sie die Codemagneten in die richtigen Reihenfolge, um die für den Button »Neu anfangen« erforderliche Funktion zu schreiben. Ein paar Magneten haben wir schon für Sie platziert.
    jQuery-Magneten: Lösung
    Und voilà! Mit ein paar kurzen Zeilen Code kommt alles wieder an seinen Platz und die Besucher können von vorn anfangen.
    Es gibt keine: Dummen Fragen
    F:
F: Gibt es das
window
-Objekt in allen Browsern?
A:
A: Ja, alle modernen Browser stellen das
window
-Objekt zur Verfügung. Außerdem besitzen die
window
-Objekte für die einzelnen Tabs oder Fenster ein separates
document
-Objekt, das die geladene Webseite repräsentiert.
F:
F: Und warum muss ich die Elemente relativ zur aktuellen Position verschieben? Kann ich sie nicht einfach an der Stelle platzieren, die von der Zufallszahl vorgegeben wird?
A:
A: Das könnte funktionieren. Allerdings müssten Sie das Bild dafür zunächst an die Startposition zurückschieben und von dort an den von der Zufallsfunktion vorgegebenen Ort bewegen. Dafür bräuchten Sie aber doppelt so viel Code, den Sie schreiben und warten müssten. Außerdem würde Ihre Applikation dadurch deutlich langsamer.
F:
F: Wie funktioniert die
zurueck-
Funktion?
A:
A: Die
zurueck
-Funktion führt einfach eine Schleife über die Elemente mit der Klasse
gesicht
aus und setzt die CSS-Eigenschaft
left
auf 0. Außerdem werden alle Einträge im
klicks
-Array auf 0 (den Anfangswert beim Laden der Seite) gesetzt.
    Tun Sie das hier!
    Unten sehen Sie den gesamten Code, den Sie auf den letzten Seiten erstellt haben. Falls noch nicht geschehen, sollten Sie den hervorgehobenen Code jetzt in Ihre meine_skripts.js -Datei einbauen und sich etwas Zeit nehmen, die neuen Funktionen sorgfältig zu testen.

    Probefahrt
    Nachdem Sie den auf den vorigen Seiten erstellten Code eingearbeitet haben, sollten Sie jetzt die Seite index.html im Browser öffnen, um die Funktionen
mischen
und
zurueck
zu testen. Klicken Sie den Button »Gesichter mischen« zehn bis zwanzig Mal an, um sicherzustellen, dass alles wie gewünscht funktioniert. Klicken Sie zwischendurch auch den Button »Neu anfangen« an, um zu sehen, ob er tut, was er soll.
    Alles funktioniert!
    jQuery-Kreuzworträtsel
    Jetzt können Sie sich wieder zurücklehnen. Es ist Zeit, Ihrer linken Hirnhälfte etwas zu tun zu geben. Wir haben hier ein einfaches Kreuzworträtsel. Alle Lösungswörter stammen aus diesem Kapitel.

    Waagerecht
Senkrecht
4.
Das globale Objekt, das bei jedem Öffnen eines neuen Browserfensters erzeugt wird.
1.
Mit dieser JavaScript-Methode können Sie eine Verzögerung definieren, bevor eine bestimmte Funktion ausgeführt wird.
6.
Eine JavaScript-Methode zum Aufheben der Wartezeit zwischen wiederholten Funktionsaufrufen.
2.
JavaScript-Event-Handler, der ausgelöst wird, wenn ein Fenster den Fokus verliert.
9.
Besonderer Name für Funktionen, die Werte zurückgeben.
3.
Eine Funktion, die auf eine bestimmte Aufgabe spezialisiert ist.
10.
Führt eine Funktion wiederholt aus. Zwischen den Wiederholungen gibt es eine Verzögerung.
5.
Event-Handler, der feststellt, ob das Fenster einen Klick, eine Tastatureingabe oder eine andere Art von Eingabe erhalten hat
11.
jQuery-Methode, mit der zwischen zwei Effekten in einer Methoden-Kette eine Pause eingefügt werden kann.
7.
Wird verwendet, um Variablen oder Objekte an eine Funktion zu übergeben. Tipp: Runde Klammern!
 
 
8.
Eine Eigenschaft des window-Objekts, mit dem Sie auf die verschiedenen URLs zugreifen können, die das Fenster im Laufe der Zeit geladen hat.
    jQuery-Kreuzworträtsel: Lösung

»Monstermacher, Version 2« ist ein Hit!

Ihr jQuery-Werkzeugkasten
    Damit haben Sie Kapitel 7 in der Tasche. Ihr Werkzeugkasten enthält jetzt zusätzlich das
window
-Objekt, zeitgesteuerte Funktionen und optimierte eigene Funktionen.
    window-Objekt
    Das ist das oberste Objekt in JavaScript.
    Es besitzt Eigenschaften, Event Handler und Methoden, die Ihnen dabei helfen, Browser-Events zu bemerken und darauf zu reagieren.
    onFocus teilt Ihnen mit, wann das Browserfenster aktiv ist.
    onBlur stellt fest, ob und wann das Browserfenster den Fokus verliert.
    Zeitgesteuerte Funktionen
    Methoden für das window-Objekt
    setTimeout führt eine Funktion nach einer voreingestellten Wartezeit aus.
    setInterval führt eine Funktion wiederholt aus und pausiert zwischen den Aufrufen für eine bestimmte Zeit.
    clearInterval löscht den Zeitplan für wiederholte