jQuery von Kopf bis Fuß (German Edition)

soll in seinem eigenen Bereich auf dem Bildschirm angezeigt werden. Der Code sollte aus Text und einer Zahl zwischen 1 und 100 bestehen.
    Übung
    Aktualisieren Sie Ihre
code_finden
-Funktion, damit auch diese letzten drei Anforderungen erfüllt sind:
    Der Rabattcode soll in seinem eigenen Bereich auf dem Bildschirm angezeigt werden.
Der Code soll eine Kombination aus Buchstaben und Zahlen zwischen 1 und 100 sein.
Hat der Besucher den Code nicht gefunden, soll angezeigt werden, wo er versteckt war.
    Um Ihnen ein bisschen zu helfen, haben wir diese CSS-Klassen erstellt, die Sie in Ihre Stylesheet-Datei ( meine_stile.css ) einfügen können. Sie werden benutzt, um anzuzeigen, ob der Code gefunden wurde oder nicht.
    Und wenn Sie gerade dabei sind, fügen Sie unterhalb der Felder noch ein
span
-Element mit der ID
ergebnis
unterhalb der Felder ein, um den Rabattcode anzuzeigen.
    Lösung zur Übung
    Jetzt haben sie die
code_finden
-Funktion wie gewünscht aktualisiert: ein eigener Platz für den Rabattcode auf dem Bildschirm, ein Rabattcode, der aus Text und einer Zahl zwischen 1 und 100 besteht und ein Hinweis darauf, wo der Rabattcode versteckt war, nachdem der Besucher geklickt hat.
    Probefahrt
    Nachdem Sie die
code_finden
-Funktion aktualisiert haben, sollten Sie alle neuen Merkmale der „Freudensprünge“ -Website gut testen. (Ihr Code sollte jetzt etwa so aussehen wie in dieser Datei: http://thinkjquery.com/chapter03/end/scripts/my_scripts.js . Den eingedeutschten Code finden Sie unter www.oreilly.de/catalog/hfjqueryger .

Ihr jQuery-Werkzeugkasten
    Damit haben Sie auch Kapitel 3 erfolgreich abgeschlossen. Zusätzlich enthält Ihr Werkzeugkasten jetzt Events, wiederverwendbare Funktionen und Bedingungen.
    Funktionen
    Wiederverwendbare Codestücke, die Sie an beliebiger Stelle in Ihren Skripten benutzen können ...
    ... aber nur, wenn sie einen Namen haben.
    Unbenannte Funktionen laufen nur dort, wo sie im Code aufgerufen werden, und können nirgendwo anders benutzt werden.
    Sie können Variablen (bzw. Argumente oder Parameter) an Funktionen übergeben und Funktionen können Ergebisse zurückgeben.
    Bedingungen
    Das Überprüfen von logischen Bedingungen (if XYZ = wahr), bevor etwas getan wird.
    Wird oft mit einer else-Anweisung verbunden, wenn die logische Bedingung nicht erfüllt wird, das ist aber nicht unbedingt erforderlich.
    Events
    Objekte, die Benutzern dabei helfen, mit Webseiten zu interagieren.
    Es gibt ungefähr 30 verschiedene Events. So ziemlich alles, was in einem Browser passiert, kann ein Event auslösen.

Kapitel 4. Webseiten mit jQuery verändern: Mod the DOM

    Dass die Seite fertig geladen ist, heißt nicht, dass sie deshalb die gleiche Struktur behalten muss. In Kapitel 1 haben wir bereits gesehen, wie beim Laden einer Seite das DOM aufgebaut wird, um die Struktur der Seite zu erstellen. In diesem Kapitel wollen wir sehen, wie man sich in der DOM-Struktur auf- und abbewegt. Wir werden Ihnen zeigen, wie man mit der Hierarchie der Elemente und mit Eltern-Kind-Beziehungen arbeitet, um die Seitenstruktur nach Bedarf mit jQuery zu verändern.

Das Webville-Restaurant braucht eine interaktive Speisekarte
    Alexandra ist die Chefköchin des Webville-Restaurants. Sie hat einen Auftrag für Sie. Bisher hat sie mehrere Webseiten für verschiedene Versionen ihrer Speisekarte gepflegt: eine normale und eine vegetarische Variante. Jetzt hätte sie gerne eine Karte, die das Menü bei Bedarf an die Wünsche der vegetarischen Gäste anpasst.

Die vegetarische Version
    Alexandra möchte, dass Sie die folgenden Dinge für sie erledigen:
    Wir hätten gerne einen »Für Vegetarier«-Button. Wenn er angeklickt wird, sollen die fleischlichen Bestandteile in der Web-Speisekarte automatisch gegen vegetarische Entsprechungen ausgetauscht werden.
    Die Ersetzungen sollen so funktionieren:
    Für Fischgerichte gibt es keinen vegetarischen Ersatz. Die müssen also entfernt werden.
Als vegetarische Alternative für Hamburger bieten wir Portobello-Zuchtchampignons an.
Für alle unsere Fleisch- und Eiergerichte außer Hackfleischgerichten bieten wir Tofu als vegetarische Alternative an.
Wir benötigen einen Button, der das Menü wieder in seinen Originalzustand versetzt.
    P.S. Es wäre schön, wenn außerdem ein Blatt-Symbol neben den vegetarischen Alternativgerichten angezeigt werden könnte.
    Ich habe den Webdesigner dazu veranlasst, Dir die Dateien für das aktuelle Menü zu schicken, damit Du schon mal anfangen