jQuery von Kopf bis Fuß (German Edition)

außerdem die Datei meine_skripts.js um einen weiteren Event-Listener für das
neustart_button
-Element. Bei einem Aufruf sollten das
mein_blatt
-Element sowie die Arrays
benutzte_karten
und
karten
ausgeleert werden. Außerdem soll die Sichtbarkeit für das Element selbst und für ein neues
div
-Element mit der ID
ergebnis
anhand der
toggle
-Methode umgeschaltet werden. Danach wird der Inhalt des
ueber_ergebnis
-Elements entfernt. Abschließend soll für das
geben_button
-Element das click-Event ausgelöst werden, während gleichzeitig seine Sichtbarkeit per toggle umgeschaltet wird.
    Spitzen Sie Ihren Bleistift: Lösung
    Mit dem Neustart-Button können wir das Spiel neu beginnen. Dafür werden alle Elemente wieder in ihren Ausgangszustand versetzt. Noch ein bisschen JavaScript-Zauberei mit der
length
-Eigenschaft, und das Spiel kann beginnen.
    Probefahrt
    Bauen Sie das nötige click-Event für den
neustart_button
in Ihre meine_skripts.js- Datei ein. Vergessen Sie nicht den zusätzlichen Code in Ihrer index.html -Datei.

Etwas mehr Nervenkitzel, bitte!
    Erweitern Sie Ihre meine_skripts.js -Datei um eine neue
beenden
-Funktion. Sie wird vom
keine_karte_button
und anderen Aktualisierungen in der Logik von
kartenwert_gesamt
aufgerufen. Außerdem brauchen Sie die neueste Version von meine_stile.css . Sie finden die Datei hier: http://thinkjquery.com/chapter06/end/css/meine_stile.css . Den eingedeutschten Code finden Sie unter www.oreilly.de/catalog/hfjqueryger .
    Tun Sie das hier!

    Probefahrt
    Bringen Sie die Datei meine_skripts.js auf den neuesten Stand. Aktualisieren Sie dafür die Methode
kartenwert_gesamt
in der
blatt
-Funktion. Vergessen Sie nicht, sich die aktuelle Version der Datei meine_stile.css zu besorgen und die alte Datei zu ersetzen.

Ihr jQuery/JavaScript-Werkzeugkasten
    Damit ist das sechste Kapitel beendet und ihr Werkzeugkasten enthält neben den anderen Werkzeugen jetzt auch JavaScript-Objekte, -Arrays und -Schleifen.
    JavaScript-Objekt
    Erstellung von Einmal-Objekten und Erzeugen eines Konstruktors
    Objekte verwenden und Konstruktoren aufrufen
    Arrays
    Arrays erstellen
Einem Array Werte zuweisen
Ein Array um zusätzliche Werte erweitern
Bestehende Array-Elemente aktualisieren
Array-Elemente löschen
    Schleifen
    for-Schleife
do...while-Schleife
Logische Operatoren
Vergleichsoperatoren
    jQuery
    .empty
$.inArray — Hilfsmethode
.attr
.trigger

Kapitel 7. Eigene Funktionen für Ihre Effekte: Tu doch mal was für mich!

    Kombinieren Sie jQuery-Effekte mit JavaScript-Funktionen, um Ihren Code – und damit Ihre Web-Applikation – effizienter, effektiver und noch leistungsfähiger zu machen. In diesem Kapitel werden Sie sehen, wie Sie Ihre jQuery-Effekte durch die Verwendung von Browser-Events und zeitgesteuerten Funktionen sowie durch die Organisation und Wiederverwendbarkeit Ihrer selbst erstellten JavaScript-Funktionen verbessern können.

Ein Sturm braut sich zusammen
    Ihre Monstermacher-Applikation aus Kapitel 5 kommt bei Kindern und Eltern sehr gut an. Aber offenbar gibt es einen Programmierfehler bei der Darstellung der Blitze. Die Mitarbeiterin für Qualitätssicherung von DoodleStuff nimmt Kontakt mit Ihnen auf. Es gibt ein paar Dinge an der Monstermacher-Applikation zu verbessern, und eine Funktion soll hinzugefügt werden.

    Kopf-Nuss
    Versuchen Sie, das Problem nachzuvollziehen. Dann überlegen Sie, was mit den Blitzfunktionen nicht stimmen könnte. Warum blitzt es beim Wechseln von einem Tab zum anderen gleichzeitig, als ob die Effekte miteinander kollidieren?

Wir haben eine Monsterfunktion geschaffen ...
    Die Blitzfunktion aus Kapitel 5 scheint selbst ein Monster zu sein. Sie läuft auch dann noch weiter, wenn der Benutzer sich nicht mehr auf der Seite befindet. Kommt der Benutzer dann zum Monstermacher-Tab zurück, versucht die Stoppuhrfunktion, die »verlorene« Zeit wieder aufzuholen, indem sie die Blitze möglichst schnell auf dem Bildschirm darstellt. Offensichtlich funktioniert die Stoppuhr nicht wie geplant. Was ist hier los?

    In Kapitel 5 brauchten wir eine Möglichkeit, unsere Funktion immer wieder aufzurufen. Gleichzeitig sollte es zwischen den Aufrufen eine Pause geben. Beim Lösen des Problems haben wir ungewollt ein neues Problem geschaffen: Die Funktion läuft auch dann weiter, wenn das Fenster den Fokus verliert (also der Besucher einen neuen Tab öffnet und sich vom aktiven Fenster wegbewegt).

    Aufgepasst
    Mit Funktionen, die sich selbst aufrufen, müssen Sie sehr