Christian Wenz. JavaScript und AJAX. Das umfassende Handbuch. Galileo Press

Transkript

1 Christian Wenz JavaScript und AJAX Das umfassende Handbuch Galileo Press

2 1.1 Die Geschichte von JavaScript Voraussetzungen Zur 7. Auflage Die Icons in diesem Buch 28 TEIL I: GRUNDLAGEN 2.1 Netscape Navigator (und Konsorten) Microsoft Internet Explorer Opera Konqueror Safari Marktanteile Testsystem Verwendung von <script> Das language-attribut Browser ohne JavaScript Externe Dateien JavaScript-Links Event-Handler JavaScript-Entities Variablen Namensgebung Numerische Variablen Zeichenketten Boolesche Variablen Variablendeklaration 68 5

3 4.2 Operatoren Arithmetische Operatoren Boolesche Operatoren String-Operatoren Umwandlung zwischen den Variablentypen Kontrollstrukturen: Schleifen For-Schleifen Do-while-Schleife While-Schleife For-in-Schleife Schleifensteuerung Kontrollstrukturen: Fallunterscheidung If-Anweisung Switch-Anweisung Try Datenspeicherung Die evalo-funktion Arrays Funktionen Objekte Tagesdatum Y2K Mit Daten rechnen Lokales Datumsformat Zufallszahlen erstellen JavaScript-Zufallszahlen HP-Verfahren Datumswert Hilfsfunktionen Zufallszahl aus einem Bereich Anwendungsbeispiele Lottozahlen Zufallsbanner 112 6

4 7.1 Browser-Erkennung Weiterleitung 120 TEIL II: JAVASCRIPT-PRAXIS 8.1 Modale Fenster Warnung-nur im Notfall Bestätigungen Benutzereingaben Navigationsleiste mit JavaScript Das History-Objekt Vorwärts und rückwärts, Teil Drucken mit JavaScript Die Statuszeile Erläuternde Links Laufschrift Das location-objekt Ein neues Fenster öffnen Ein Fenster öffnen und füllen Ein Fenster öffnen und verlinken Ein Fenster öffnen und anpassen Modale Fenster Fernsteuerung Links mit JavaScript Links ohne JavaScript Fenster schließen Andere Fenster schließen Fenster bewegen mit JavaScript Fenster verschieben Fensterinhalt scrollen Überprüfung auf Vollständigkeit Allgemeiner Aufbau Texteingabefelder Radiobuttons 167 7

5 9.1.4 Checkboxen Auswahllisten Fehlermeldung ausgeben Konstruktive Vorschläge Automatische Überprüfung Texteingabefelder Radiobuttons Checkboxen Auswahllisten Zusammenfassung Anwendungsmöglichkeiten für Formulare Währungsrechner Währungsrechner, Teil Formularfelder für die Textausgabe nutzen Navigation mit Auswahllisten Anwendungsbeispiel: Fensteroptionen Daten behalten Das Eingabeformular Die Ausgabeseite Dynamische Auswahllisten Ein erster Ansatz Ein fortgeschrittener Ansatz Überprüfungsfunktionen Ganze Zahlenwerte Dezimalzahlen Telefonnummern Adressen In Zahlenwerte umwandein Reguläre Ausdrücke Kurzeinführung Ein Objekt erzeugen Mit dem Objekt arbeiten Mit Frames arbeiten 217, Frames mit HTML Frames mit JavaScript füllen Auf Daten von Frames zugreifen Auf übergeordnete Frames zugreifen Auf Daten von Unterframes zugreifen 226 * 8

6 Mehrere Frames gleichzeitig ändern JavaScript in Frames auslagern Frames zählen Diashow Vorbereitungen Diashow starten Diashow anhalten Vorwärts und rückwärts springen Diashow verlassen Bildlein-Wechsle-Dich Zugriff auf Grafiken Animierte JPEGs Eine Animation mit JavaScript Bilder in den Cache laden Animierte Navigation Vorüberlegungen Auf-und Zuklappen Die einzelnen Menüpunkte Verlinkung der Menüpunkte Einbau in die HTML-Datei Erweiterung der Navigation Vorbereitungen Leichte Änderungen Doppeltes Mouseover Das komplette Beispiel im Überblick Tipps aus der Praxis Vorladen - aber richtig Ladestand einer Grafik Fortschrittsanzeige Was ist ein Cookie? Wie sieht ein Cookie aus? Cookies mit JavaScript Cookies setzen Cookies löschen Cookies lesen 270 9

7 Cookie-Unterstützung überprüfen Ein Cookie statt vieler Cookies 274 TEIL IM: PROFESSIONELLES JAVASCRIPT 13.1 Array-Erweiterungen Einfügen, nicht anfügen Anfügen und löschen Array-Elemente mischen Sortieren Eigene Objekte Allgemeines Methoden definieren Eigene Sortiermethode Eigene Sortiermethode, Teil Zusammenfassung Platzsparende Notation JavaScript-Objekte erweitern Events mit dem Netscape Navigator Neue Ereignisse Ereignisse als Objekteigenschaften Ereignisse abfangen Ereignisbehandlung Ereignisse umleiten Ereignisse durchleiten Tastatureingaben Events mit dem Internet Explorer Neue Ereignisse Ereignisse als Objekteigenschaften Spezielle Skripten Ereignisse abfangen Bubbling Das Event-Objekt Events mit beiden Browsern Browserunabhängigkeit Benutzereingaben Andere (und moderne) Browser

8 15.1 Fehler abfangen Keine Fehlermeldung Besondere Fehlermeldung Ausblick: Fehlermeldungen verschicken JavaScript Debugger Wo ist der Fehler? Breakpoints Watches Schrittweise Programmausführung 345 TEIL IV: WEB 2.0 UND AJAX 16.1 Der DOM-Baum Navigation im Baum Den Baum modifizieren Wichtige Methoden Zugriff auf einzelne Elemente Zugriff auf Tags Beispiele Grundlagen Cascading Style Sheets HTML-Elemente Beispiele Animiertes Logo Sichtbar und unsichtbar Neuer Mauszeiger Permanentes Werbebanner AJAX-Beispiele AJAX-Technik HTTP-Anfragen senden und auswerten Parametersenden

9 Mit komplexen Daten arbeiten-json Anfragen abbrechen Weitere Möglichkeiten AJAX-Probleme (und -Lösungen) Bookmarks Zurück-Schaltfläche XML XML-Daten verarbeiten XML-Dokumente erstellen XSL XPath Was sind Web Services? Verteiltes Arbeiten WSDL Web Services aufrufen Web Services mitjscript.net Installation Programmierung Mit dem Internet Explorer auf Web Services zugreifen Mit Mozilla auf Web Services zugreifen Dojo Atlas 469 TEIL V: KOMMUNIKATION 22.1 Plugins erkennen Zugriff auf Plugins Zugriff auf MIME-Typen Refresh

10 23.1 Musik Einbau in HTML Standardkontrollen des Internet Explorers Standardkontrollen des Netscape Navigator Browserunabhängige Ansteuerung Anwendung: Wurlitzer Microsoft Windows Media Player Einbau in HTML Browserunabhängige Ansteuerung Anwendung: Heimkino Adobe-Plugins Prinzipielles Director Flash Mit Flash kommunizieren Allgemeines Wie funktioniert Java? Kurzeinführung in Java Java und das WWW Ein Beispiel-Applet HTML-Integration Java ohne Applet Exemplarische Java-Objekte Blackjack Karten initialisieren Karten mischen 543 TEIL VI: SERVERSEITIGE PROGRAMMIERUNG 25.1 Variablentausch Anwendungen Newsticker Bankleitzahlen

11 26.1 Erste Schritte HTML Controls Web Controls Validation Controls Fazit 579 TEIL VII: SICHERHEIT 27.1 Quellcode einsehen AAenübefehle Tastenkürzel Kontextmenü Dateisystem Code im Frame verstecken Mausklick verhindern Code codieren Optisch verschleiern Inhaltlich verschleiern Dateien auslagern Caching verhindern Code serverseitig generieren URL aus Passwort Passwort == URL Passwort«URL f: Passwort -> URL Seiten mit Cookies schützen Passwort im Quelltext MitJava Ein Blick über den Tellerrand PHP htaccess

12 / Inhalt 29.1 Zusätzliche Rechte Allgemeines Surf Überwachung Besondere Fenster Signieren SignTool HTML-Code anpassen XSS XSS und AJAX 633 TEIL VIII: PRAXIS 31.1 Navigation mit Pulldown-Menüs Navigation mit DHTML Baumstrukturen Alternativen im Web Joust Weitere Ansätze Datenstruktur Mit unsichtbaren Frames arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern Mit Cookies arbeiten Warenkorb füllen Artikel anzeigen Warenkorb ändern Über die URL Den Warenkorb füllen Artikel anzeigen Den Warenkorb ändern Fazit

13 TEIL IX: ANHANG 33.1 Prototype Script.aculo.us Weitere Bibliotheken Das Anchor-Objekt Allgemeines Eigenschaften Das Array-Objekt Allgemeines Methoden Eigenschaften Das Button-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Checkbox-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Date-Objekt Allgemeines Methoden Das document-objekt Allgemeines Event-Handler Methoden Eigenschaften Das Event-Objekt Netscape-Eigenschaften Internet Explorer-Eigenschaften Das FileUpload-Objekt Allgemeines Event-Handler

14 Methoden Eigenschaften Das Form-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Frame-Objekt Das Hidden-Objekt Allgemeines Eigenschaften Das History-Objekt Allgemeines Methoden Eigenschaften Das Image-Objekt Allgemeines Event-Handler Eigenschaften Das Layer-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Link-Objekt Allgemeines Event-Handler Eigenschaften Das Location-Objekt Methoden Eigenschaften Das Math-Objekt Methoden Eigenschaften Das MimeType-Objekt Eigenschaften Das Navigator-Objekt Methoden Eigenschaften

15 8L 88/ ua:yeipsu9s!3 Y6Z'P 88/ u9poq;aw E6 > 88/ j3 put>h-luaa3 r6 'l7 88Z saupiuasnv /62> 88/ ^afqo-paps SBQ 6?^ /8/ uaybqdsuasib [/8ri7E 98/ ;> afqo-u83j3s s^a 8 > 98/ U3yBL DSU9!3 l7/2> 58/ ugpoq^w Z > 58/ J9 PUBH-JU9A3 ZIZPI 58/ S9U 9UJ9 v VLZ* 58/ ;> 9rqO-+ss9y SEQ Zrt? fr8z U9poq + 9W '9 > 8/ u9yeqdsu9!g r9 > Z8L S9U 9UJ9 V /9 '17 28/ 4>(9.rqO-clx3S3y SBQ 9 > 1-8/ U94pq3SU9!3 ygzvt L8Z U9poq 4 9w 'S2> 1-8/ j9 pueh-;u9a3 rs > 08/ S9U!9LU9 v l/sz'fre 08/ ;> 9[qo-o!pm s^a gs-t? 08/ U94jT?qDSU9!3 l_>^> 08/ ippfqo-ujsnid SBQ ^> 6// U94pqDSU9!3 f' > 6// u9poq + 9W > 8// J9 pubh-;u9ag > 8// S9U!9üJ9 v L/ > 8/Z ;> 9fqO-p-iOMssBd sea > LLL U94pqDSua!3 r > /// S9U!9Ui9 V lzzt LLL 4> 9fqO-uO!;do si?a > /// ugyeqdsiias^ 1,3fE 5// u9poq;9w z \,ZP 5// S9U!9UJ9 V /Lrfr 5//!> 9fqO-P3fqO SBQ izyt PLL u94jbqdsu9!3 ZQZ'Yi VLL S9U]9LU9 V l/or^e VLL rpiafqo-jaqwnn &Q OrtE 4 i?qui

16 34.30 Das String-Objekt Allgemeines Methoden Eigenschaften Das Submit-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Text-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Textarea-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das Window-Objekt Allgemeines Event-Handler Methoden Eigenschaften Das XMLHttpRequest-Objekt Allgemeines Methoden Eigenschaften Top-Level-Eigenschaften und -Methoden Methoden Eigenschaften Websites Newsgroups Mailinglisten

17 36.1 JavaScript JavaScript JavaScript Index 831 VIDEO-TRAINING AUF DER BUCH-DVD 1.1 Die for-schleife [09:14 min] 2.1 Die Browserweiche (1) [08:37 min] 2.2 Die Browserweiche (2) [05:41 min] 2.3 Zufallszahlen (1) [06:25 min] 2.4 Zufallszahlen (2) [07:40 min] 3.1 Checkboxen [05:39 min] 3.2 Formulare überprüfen (1) [08:32 min] 3.3 Formulare überprüfen (2) [06:19 min] 20