Know-how für Kreative.

Inhaltsverzeichnis
Vorwort
1 Flash für ActionScript
2 ActionScript in Flash
3 Flash Pro für ActionScript
4 Grundlagen der Programmierung
5 Einfache Filmsteuerung
6 Bildschirme und Präsentationen
7 Drucken und das Kontextmenü
8 Textfelder
9 Tasten
10 Datum und Zeit
11 Rechnen
12 Farbe wechseln und Drag
13 Zeichnen und Zufall
14 Von Mäusen und Duplikaten
15 Kollisionstest
16 Sound
17 Video
18 Externe Filme
19 Vorladen und Player erkennen
20 Formulare und UI-Komponenten
21 Komponenten anpassen
22 Formulare versenden
23 Warenkorb
24 Ausblick auf ActionScript 3
Stichwort
Download: - ZIP, ca. 14,4 MB
Ihre Meinung?
<< zurück | Galileo Design / <openbook> /Einstieg in ActionScript | vor >>
Einstieg in ActionScript von Christian Wenz, Tobias Hauser, Armin Kappler Aktuell zu Flash 8
Einstieg in ActionScript brosch., mit CD und QuickFinder und Referenz 416 S., 24,90 Euro Galileo Design ISBN 978-3-89842-774-6 |
| 23 Warenkorb
|  | 23.1 Allgemeines
|  | 23.2 Artikelseiten
|  | 23.3 Der Warenkorb
|  | 23.4 Lieferdaten und Bestätigung
## 23.4 Lieferdaten und Bestätigung Im nächsten Schritt wickeln Sie die Bestellung ab. In diesem Beispiel verschicken Sie die Daten allerdings nicht an ein serverseitiges Skript, wie Kapitel 22, »Formulare versenden«, das gezeigt hat; wir beschränken uns auf die bloße Eingabe der Liefer- und Rechnungsdaten. Wichtig ist auf jeden Fall, die Daten zu überprüfen, denn ohne vollständige Angaben geht es nicht weiter. Hier klicken, um das Bild zu vergrößern Abbildung 23.5 Die Angabe von Zahlungsart und Lieferanschrift ##### Schritt für Schritt: Lieferdaten aufnehmen Das Formular darf nur vollständig abgeschickt werden. Aus diesem Grund muss die Versenden-Schaltfläche anfangs deaktiviert sein. Dafür wird alle 250 Millisekunden eine Überprüfungsfunktion aufgerufen:
    weiter_btn.enabled = false;
    var id_number:Number = setInterval(pruefen, 250);
Mit der Funktion pruefen() lassen sich alle Formularfelder dahingehend überprüfen, ob sie ausgefüllt sind oder nicht. Die Namen der Felder entnehmen Sie dem Film oder direkt dem folgenden Code für Bild 15:
    function pruefen() {
       var ok:Boolean = true;
       if (nachname_str == "" || nachname_str == null ||
          vorname_str == "" || vorname_str == null ||
          strasse_str == "" || strasse_str == null ||
          plz_str == "" || plz_str == null ||
          ort_str == "" || ort_str == null ||
          email_str == "" || email_str == null ||
          telefon_str == "" || telefon_str == null ||
          radioGroup.selectedData == null) {
          ok = false;
       }
       if (weiter_btn.enabled != ok) {
          weiter_btn.enabled = ok;
       }
    }
Wenn alles in Ordnung ist, wird die Weiter-Schaltfläche aktiviert, ansonsten deaktiviert. Fehlen nur noch die beiden Schaltflächen Zurück und Weiter. Beim Klick auf Zurück wird Bild 10 angesprungen:
    on (release) {
       gotoAndStop(10);
    }
Bei der Weiter-Schaltfläche geht es zu Bild 20. Allerdings wird das periodische Aufrufen von pruefen() deaktiviert und die gewählte Zahlungsart aus der Radiobutton-Gruppe in einer String-Variablen gespeichert:
    on (release) {
       clearInterval(id_number);
       zahlungsart_str = radioGroup.selectedData;
       gotoAndStop(20);
    }
In Bild 25 werden die Daten aus dem Warenkorb sowie die Lieferangaben noch einmal ausgegeben. Dafür ist keine Programmierung notwendig. Die dynamischen Textfelder heißen genauso wie ihre Pendants in Bild 10 (Warenkorb) beziehungsweise Bild 15 (Lieferdaten). Einzige Ausnahme: Die Zahlungsart. Wo zuvor eine Radiobuttonliste war, haben Sie im letzten Schritt die Variable zahlungsart_str gesetzt. Das Textfeld für die Zahlungsart hat genau denselben Namen und ist deswegen korrekt vorausgefüllt. Somit besteht der letzte Programmierungsschritt einzig und alleine darin, die restlichen Navigationspunkte abzuarbeiten. Hier klicken, um das Bild zu vergrößern Abbildung 23.6 Die Bestell- und Lieferdaten auf einen Blick ##### Schritt für Schritt: Navigation vervollständigen Versehen Sie die Zurück-Schaltfläche in Bild 20 mit folgendem Code:
    on (release) {
       gotoAndStop(15);
    }
Für die Bestätigen-Schaltfläche in Bild 20 setzen Sie folgenden Code:
    on (release) {
       gotoAndStop(25);
    }
Abschließend sollten Sie in Bild 25, der Bestätigungsseite, den Film anhalten:
    stop();
Abbildung 23.7 Die Bestellung ist abgeschlossen. Der hier erstellte, finale Warenkorb befindet sich unter dem Dateinamen warenkorb_AS2.fla bzw. warenkorb_AS1.fla auf der CD-ROM zum Buch. Der Warenkorb ist funktionsfähig, allerdings sind zahlreiche Erweiterungen denkbar: Mehr Artikel sollen in den Warenkorb aufgenommen werden. Dazu müssen Sie auf der Warenkorb- und auf der Übersichtsseite weitere Textfelder einfügen. Dynamisches Auslesen von Artikeldaten aus einer Datenbank kann ermöglicht werden. Versand der Bestellung per E-Mail oder Speicherung in einer Datenbank wird gewünscht.
Speichern der Bestellungen
In einem Bonuskapitel auf CD-ROM, in dem es eigentlich um XML geht, wird die Warenkorb-Anwendung ein wenig erweitert: Bestellungen werden in einer XML-Datei gespeichert. Weiterlesen lohnt sich also.
Mit dem bisher erworbenen Wissen sollten Sie problemlos das erzielte Ergebnis gemäß Ihren Vorstellungen erweitern können. ### Ihr Kommentar Wie hat Ihnen das <openbook> gefallen? Wir freuen uns immer über Ihre freundlichen und kritischen Rückmeldungen. >> Zum Feedback-Formular
<< zurück | <top> | vor >>
Zum Katalog
ActionScript 3 Das Praxisbuch bestellen
Ihre Meinung?
Wie hat Ihnen das <openbook> gefallen? Ihre Meinung
Buchtipps
| Adobe Flash CS3
| Flash fast forward
| Dreamweaver CS3
Shopping
Versandkostenfrei bestellen in Deutschland und Österreich Info

Copyright © Galileo Press 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

[Galileo Design]
Galileo Press, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, info@galileo-press.de