jQuery von Kopf bis Fuß (German Edition)

tragen.
    $(“div.meine_klasse”) – Wählt nur die div-Elemente aus, deren class-Attribut den Wert »meine_klasse« hat. (Verschiedene Elemente können dieselbe Klasse verwenden.)
    $(“#meine_id”) – Wählt das Element aus, dessen id-Attribut den Wert »meine_id« hat.

Kapitel 3. jQuery-Events und -Funktionen: Dinge auf Ihrer Seite geschehen lassen

    Mit jQuery ist es einfach, eine Webseite mit Action und Interaktivität zu versehen. In diesem Kapitel zeigen wir Ihnen, wie Sie Ihre Seite dazu bringen, auf Aktionen von Leuten zu reagieren. Indem Ihr Code auf die Aktionen der Benutzer reagiert, kann das Niveau Ihrer Website deutlich steigen. Außerdem sehen wir uns an, wie Sie wiederwendbare Funktionen erstellen können. Dadurch brauchen Sie den Code nur einmal zu schreiben, können ihn aber beliebig oft benutzen.

Wieder sind Ihre jQuery-Fähigkeiten gefragt
    Emily war mit der Arbeit, die Sie für ihre »Freundensprünge«-Aktion geleistet haben, sehr zufrieden. Jetzt hat sie sich mit ihrem Buchhalter getroffen und möchte, dass Sie noch ein paar Änderungen vornehmen.
    Von: Emily
    Betreff: RE: „Freudensprünge“ -Aktion
    Hey,
    die Werbeaktion im Web hast Du gut hinbekommen. Ich habe mich jetzt mal mit meinem Finanzmenschen getroffen und wir haben uns die Erfolgszahlen der Aktion angesehen.
    Mein Buchhalter hat ein paar Änderungen an der App vorgeschlagen, um die Verkäufe noch zu steigern.
    Die Besucher sollten weiterhin aus vier Optionen wählen können, um einen Rabatt zu erhalten. Allerdings sollte es jedesmal der gleiche Rabatt sein. Mein Buchhalter empfiehlt, den Besuchern 20 Prozent von ihrem Einkauf zu erlassen. Dass soll die Kunden dazu bringen, mehr zu kaufen.
    Die Besucher sollen allerdings nur eine Chance bekommen, den Rabattcode zu finden, der bei jedem Besuch unter einem anderen Bild versteckt sein soll. Wenn ein Besucher den Code beim Anklicken eines Bildes findet, soll er auf dem Bildschirm angezeigt werden, bevor er die Seite wieder verlässt. Falls er den Code nicht gefunden hat, soll das Bild hervorgehoben werden, wo der Code versteckt war.
    Meinst Du, Du bekommst das genauso gut hin wie den ersten Teil?
    --
    Emily Saunders
    jumpforjoyphotos.hg

Der Geldmensch hat irgendwie recht ...
    Dadurch, dass sich immer nur hinter einem Bild ein Rabattcode verbirgt, muss Emily nicht so viele Rabatte gewähren. Gleichzeitig sorgt sie auf diese Weise dafür, dass die Leute auf ihrer Seite mehr klicken. Es scheint so, als ob die neuen Features alle etwas mit Klicken zu tun hätten.

    Spitzen Sie Ihren Bleistift
    Es ist Zeit für eine neue Anforderungsliste. Sie wissen, was zu tun ist: Sehen Sie sich Emilys E-Mail noch einmal an und picken Sie sich alle neuen Features heraus, die sie haben möchte. Schreiben Sie in verständlichem Deutsch auf, wie Sie die Anforderungen verstanden haben.
    Anforderungen:
    Spitzen Sie Ihren Bleistift: Lösung
    Es ist Zeit für eine neue Anforderungsliste. Sie wissen, was zu tun ist: Sehen Sie sich Emilys E-Mail noch einmal an und picken Sie sich alle neuen Features heraus, die sie haben möchte. Schreiben Sie in verständlichem Deutsch auf, wie Sie die Anforderungen verstanden haben.
    Anforderungen:
    Die Bilder sollten bei jedem Laden der Seite in einer anderen (zufälligen) Reihenfolge angezeigt werden.
Die Besucher sollten nach dem Laden der Seite nur eine Chance bekommen, den Rabattcode zu finden. Wir müssen die Besucher also davon abhalten, mehr als einmal zu klicken, um einen besseren Rabatt zu bekommen.
Nachdem der Benutzer ein Feld angeklickt hat, soll er eine Rückmeldung erhalten, ob es das richtige Feld war oder nicht. Hat der Besucher einen Rabattcode gefunden, soll dieser angezeigt werden, damit er bei der Bestellung eingegeben werden kann.
Der Rabatt soll immer 20 Prozent betragen. Anstelle des Rabatts soll dem Besucher ein Rabattcode angezeigt werden.

    Kopf-Nuss
    Sie wissen bereits, wie Sie einen Klick auf einer Seite auslösen können. Aber wie lässt sich sicherstellen, dass ein Besucher das nur einmal tun kann?
    In den vorigen Kapiteln haben Sie außerdem erfahren, wie man Code ausführen lässt, wenn etwas angeklickt wird. Können Sie sich denken, wie uns das bei der Lösung helfen kann?

Ereignisreiche Seiten
    Bei unserer »Freundensprünge«-Applikation geht es hauptsächlich um Klicks. In jQuery und JavaScript wird ein Klick als Event (Ereignis) bezeichnet. (Es gibt noch eine ganze Menge anderer Events. Für unseren Zweck wollen wir uns aber erst