lehrerbibliothek.deDatenschutzerklärung
Webdesign mit JavaScript
Webdesign mit JavaScript




Nick Heinle, Bill Pena

O'Reilly Verlag GmbH & Co. KG
EAN: 9783897212756 (ISBN: 3-89721-275-7)
282 Seiten, paperback, 18 x 23cm, September, 2002

EUR 18,00
alle Angaben ohne Gewähr

Umschlagtext
Webdesign mit JavaScript ist eine gut verständliche und konsequent praxisorientierte Einführung in die Skriptsprache JavaScript - die populärste Skriptsprache im Web. Vom ersten Kapitel an werden Skript-Beispiele vorgestellt und erklärt. Auch Nicht-Programmierer werden so mit Grundbegriffen und Konzepten der Programmierung vertraut, ohne sich durch trockene Theoriekapitel kämpfen zu müssen.



Jedes Kapitel behandelt bekannte und im Web häufig eingesetzte JavaScript-Techniken. Anhand der besprochenen Beispiele lernen Sie die wichtigsten JavaScript-Konzepte kennen und sind rasch in der Lage, Ihre Websites durch dynamische und interaktive Elemente aufzuwerten. Alle Beispielskripten lassen sich leicht anpassen und für Ihre eigenen Webauftritte nutzen. Themen:



Visuelle Effekte wie Rollover-Bilder und wechselnde Banner

Steuern von Browserfenstern und Frames

Überprüfen von Formulareingaben

Browsererkennung

Eine Site mit Hilfe von Cookies für verschiedene Besucher anpassen

Aufwendige Layouts mit DHTML

Objektorientiertes Skripting


Verlagsinfo
Das Buch ist eine gut verständliche und konsequent praxisorientierte Einführung in die Skriptsprache JavaScript 1.5. Vom ersten Kapitel an werden für den Weballtag nützliche Skript-Beispiele vorgestellt und erklärt, die Sie für Ihre Website anpassen und verwenden können. Auch Nicht-Programmier lernen so ohne Theorieballast Grundbegriffe und Konzepte der Programmierung kennen und sind rasch in der Lage, ihre Websites durch dynamische und interaktive Elemente aufzuwerten. Behandelte Themen sind u.a. das Steuern von Fenstern und Frames, Fomulare, Arrays, Browser-Identifikation, dynamische Grafiken, Cookies, DHTML und objektorientiertes Skripting.

Die Autoren:
Nick Heinle ist Autor der ersten Auflage von Designing with JavaScript - ein Bestseller bei O'Reilly. Als die erste Auflage erschien, war Nick noch ein Teenager. Zur Zeit arbeitet er als Software Consultant und studiert Mathematik.

Bill Peña arbeitet als Web Designer an Safari, Tech Books Online, mit. Er setzt JavaScript seit 1996 ein. Die Sprache hat er sich selbst beigebracht, indem er praktische Beispiele die er für eigene Zwecke einsetzen wollte, nachvollzogen hat. Bill hat einen B.A. in "Digital Arts and Media".
Inhaltsverzeichnis
Vorwort VII

1 Einstieg in JavaScript 1
Beschreibende Links einfügen 1
Tag und Nacht 5

2 Mit Fenstern arbeiten 21
Grundlagen der Arbeit mit Fenstern 21
Neue Fenster öffnen 24
Fernbedienung 31

3 Frames steuern 41
Die Navigationsleiste entwerfen 41
Seiten rotieren 50
Eine preiswerte Alternative zu QuickTime VR 52

4 Formulare und Validierung 61
Einführung in Formulare 61
Madlibs 63
Die Formulareingabe überprüfen 68
Ist das wirklich Ihre E-Mail-Adresse? 73
Überprüfungen 81

5 Ordnung durch Arrays 87
Das Array 87
Werden Sie unberechenbar! 88
Das Datum richtig angeben 94
Auswahlmenüs 96

6 Zu viele Browser? Eigentlich nicht! 103
Mit welchem Browser haben wir es zu tun? 103
Verschiedene Browser, verschiedene Bedürfnisse 110
Unterschiede in der Darstellung 116
Plug-Ins ermitteln 119
Jenseits des Browsers 125

7 Dynamische Bilder 127
Einführung in Bilder 127
Rollover-Bilder 130
Mehrere Rollover-Bilder 136
Eine Anzeigetafel mit wechselnden Bildern 139

8 Eine Site mit Hilfe von Cookies anpassen 143
Was ist ein Cookie? 143
Einfache Cookie-Operationen 145
Ein Willkommensgruß an neue Besucher 150
Formulare, die sich erinnern 155
Benutzerdefinierte Seiten 158

9 Dynamic HTML 167
Was ist DHTML? 167
Das Document Object Model 168
Dynamische Cascading Style Sheets 170
Mit Layern vertraut werden 176
Browsererkennung 186

10 Interaktive DHTML-Verfahren 189
Drop-down-Menüs 189
Gleitende Register 193
Layer mit eingeschränktem Anzeigebereich scrollen 197

11 Anwendungen für Fortgeschrittene 205
Objektorientierte Skripterstellung 205
Der Test: Prüfen Sie Ihre Leser 211
Relationale Menüs 221
Ein browserübergreifendes Stilobjekt 229
Weiterführende Informationen 234


A Häufig verwendete JavaScript-Objekte 237

B Event-Handler 245

C Stileigenschaften 247

D JavaScript-Syntax 251

Index 255


----------------------
Index
----------------------

! (Ausrufezeichen), in Bedingungsausdrücken
" (Anführungszeichen, doppelte)
Code damit umgeben
JavaScript-Zeichenketten
# (Hash-Zeichen), verwenden als Platzhalter ,
&& (und)-Operator
Browserversion, prüfen
' (Anführungszeichen, einfache), in Zeichenketten mit doppelten Anführungszeichen
( ) (runde Klammern)
Anweisungen in
Funktionen, Zuweisung zu Objekten
in Methodennamen
in Funktionsnamen
. (Punkt), Trenner zwischen Objekten und Eigenschaften
/ (Schrägstrich)
/* */, mehrzeilige Kommentare
//, einzeilige Kommentare
reguläre Ausdrücke, abgrenzen
; (Semikolon)
Cookie-Name/Werte, trennen
in Programmzeilen
, HTML-Kommentare
= (Gleichheitszeichen)
= (Zuweisungs)-Operator
=, Name-/Wert-Paare trennen
== (Gleichheits)-Operator
Browserversionen, prüfen auf
>= (größer oder gleich)-Operator
[ ] (eckige Klammern)
Zeichenbereiche für reguläre Ausdrücke
Zugriff auf Array-Elemente
^ (Auslassungszeichen), Zeichenbereich-Elemente negieren
A
Ablaufsteuerung
absolute Positionierung ,
Abstraktion, in objektorientierter Programmierung
action-Eigenschaft (form)
-Element
validieren
aktuellerLink-Objekt
aktuelles Fenster
Adresse ändern ,
self-Eigenschaft
alert( )-Funktion
"Hello" (Beispiel)
leere Formulareingabe, Dialog
alinkColor-Eigenschaft (document)
alphabetische Zeichen, Formularelemente danach durchsuchen
anfang-Variable, für Cookie-Name/Wert
angepaßte Seiten (siehe Cookies, Seiten anpassen mit)
Animation
Bildwiederholungsrate, TabLayer verschieben
GIF-Rollover-Bilder
Anweisungen
Anzeigetafeln, Bild ,
appCodeName-Eigenschaft (navigator)
application/x-shockwave-flash (MIME-Typ)
(siehe auch Flash)
appName-Eigenschaft (navigator) ,
appVersion-Eigenschaft (navigator) ,
Betriebssystem, ermitteln mit
Argumente ,
Konstruktorfunktionen
URLs, Übergabe als
arithmetische Operatoren
Arrays ,
Auto-Eigenschaften
Beispiel ohne Objekte
objektorientiertes Beispiel
Bilder auf einer Seite
Bilder in rotierender Anzeigetafel
Datumsangaben, formatierte anzeigen
Elemente einer Seite
erstellen in JavaScript
geschachtelte (zweidimensionale)
Kategorien (relationales Menü)
MIME-Typen
Browserunterstützung prüfen
prüfen auf Flash-Version
plugins-Array
Sprungmenüs für Websites ,
Test (Beispiel)
zufälliger Seiteninhalt ,
Taglines, hinzufügen
Zufallszahlen ,
-Tags
Attribute
Bilder
CSS, für HTML-Elemente
target
ausgeben, Datum, komplett formatiert
ausschalten( )-Funktion
Auswahlmenüs (Pop-Up) ,
anzeigen auf Seite
Auswahlmenü-Skript, vollständiger Code
Automarke anzeigen (Beispiel)
Auto-Objekte (Beispiel) ,
availHeight, availWidth, Eigenschaften (screen)
B
back( )-Methode
history-Objekt
window-Objekt
backgroundColor-Eigenschaft
ändern für Links
Baumstruktur, JavaScript
codiert im DOM
Bedingungen, testen für Operatoren
Begrüßung für neue Besucher ,
benutzerdefinierte Objekte ,
Websites mit Sammlungen
beschreibende Links, erstellen ,
Text zu Statusleiste hinzufügen ,
Betriebssysteme
Browser, erkennen
Cookies, speichern auf
bgColor-Eigenschaft (document) ,
Bilder
dynamische ,
Anzeigetafeln ,
image-Objekte, erstellen
Rollover ,
Grundlagen ,
Hintergrund-, CSS-Attribut und JavaScript-Eigenschaft für
image-Objekte
laden, Browser-Zwischenspeicherung und
Rollover, Browsererkennung
rotieren je nach Tageszeit ,
zufällige, in Webseiten
zwischenspeichern
Bildwiederholungsrate, setzen für Layer für gleitendes Register
blur( )-Methode (window)
-Tags
onLoad-Event-Handler
Scrollen, beginnen mit
Boolesche Werte
Browser
aktueller Zustand
ältere Versionen, JavaScript davor verbergen
Bilder zwischenspeichern
browserübergreifendes Stilobjekt
,
Cookies
Formularvalidierung mit
JavaScript, Unterstützung
Standards, Unterstützung
Statusleiste, Text anzeigen
(siehe auch Browsererkennung; Internet Explorer; Navigator; navigator-Objekt)
Browsererkennung ,
Ausführen von browserspezifischem Code
Betriebssystem, erkennen
Dynamic HTML-Unterstützung
Name und Hauptversion
erkennen
Plug-Ins, prüfen auf ,
Skripte, öffentlich erhältliche (Website)
Stilunterschiede zwischen Browsern, Umgang mit ,
Umgang mit browserspezifischen Merkmalen ,
Dynamic HTML
Einzelframe-Methode ,
Rollover-Bilder
Unterstützung für dynamische Bilder
Browserfenster
Haupt-, Aktionen darauf verweisen
in JavaScript-Baumstruktur
Links öffnen in
(siehe auch window-Objekt; Fenster)
browserübergreifendes Stilobjekt (siehe xbStyle)
C
Cascading Style Sheets (siehe CSS)
charAt( ) (string)
class-Attribut
Registerkarten ,
Registerkartenreiter
clip-Attribut, Rechteck damit definieren
close( )-Methode
document-Objekt
window-Objekt ,
Code
Blöcke
doppelte Anführungszeichen ("), umgeben mit
Kommentare
colorDepth-Eigenschaft (screen)
cookie-Eigenschaft (document)
cookieEnabled-Eigenschaft (navigator)
Cookies ,
abrufen
erstellen und Wert darin speichern
löschen
Seiten anpassen mit ,
Begrüßung für neue Besucher ,
Formulare mit Erinnerungsvermögen ,
Konservieren von Cookies
Unterhaltungskategorie wählen
,
speichern, abrufen und löschen (Muster für)
CSS (Cascading Style Sheets) , ,
Attribute, Liste mit entsprechenden JavaScript-Stileigenschaften
Browserunterstützung erkennen
dynamische Navigationsleiste ,
Eigenschaften, setzen für Links-Menü
HTML, DOM und JavaScript, arbeiten mit
Längenangaben für Attribute top, left, width und height
Registerkarten
Stileigenschaften in JavaScript
verschiedene mit HTML-Dokument verknüpfen
D
Dateiordner
Dateitypen (Plug-In)
Date-Objekt ,
Verfallsdatum für Cookies
Zeitmaßeinheiten in der Rückgabe vom
Datumsangaben
formatierte, Verwendung von Arrays für
vergangene oder zukünftige, erstellen ,
Debugging
defaultStatus-Eigenschaft (window)
description-Eigenschaft (plugins)
Flash-Version ermitteln
DHTML (Dynamic HTML) ,
Browsererkennung ,
Cascading Style Sheets (CSS)
dynamische Navigationsleiste
,
DOM (Document Object Model)
Drop-down-Menüs ,
Einzelframe-Methode, verwenden mit
gleitende Register ,
Layer ,
einfachen Layer definieren
Registerkartenordner-Oberfläche, erstellen ,
Stilattribute
Layer mit Fensterausschnitt scrollen ,
xbStyle (browserübergreifendes Stilobjekt) ,
Dialoge
»Hallo« (Beispiel)
leere Formulareingabe
-Tags
Layer für gleitendes Register, erstellen
id-Attribut, angeben für Layer
in Layer
in
-Tabellenzellen-Tag, Layer erstellen für Links-Menü
Document Object Model (siehe DOM)
document-Objekt
Bilder in
in DOM
Eigenschaften
Formulare in
Hintergrundfarbe
write( )-Methode
DOM (Document Object Model) , ,
Browserunterstützung erkennen
HTML, CSS und JavaScript, arbeiten mit
Internet Explorer, Unterstützung
Stileigenschaften, HTML-Elemente
xbStyle-Objekt versus
Drop-down-Menüs ,
DHTML-Quellcode, vollständiger
Layer, erstellen für
Dynamic HTML (siehe DHTML)
dynamische Bilder ,
Anzeigetafeln ,
E
ECMAScript (ECMA-262), standardisierter Name für JavaScript
Eigenschaften
Adresse, ändern für aktuelles Fenster
,
CSS-Stilattribute, Drop-down-Menü mit Links
document-Objekt
bgColor
navigator-Objekt
Objekt
definieren
gebräuchliche ,
zuweisen
Stil, JavaScript-Entsprechungen für
CSS-Attribute
xbStyle-Objekt, Dokumentation
eingebaute Event-Handler
eingebaute Methoden
einschalten( )-Funktion
ausgewählte Karte wechseln
Einzelframe-Methode, browserspezifischen Inhalt anzeigen ,
Elemente
von Arrays
HTML
Abruf anhand von id-Attribut
alle Elemente eines Typs holen
in JavaScript-Baumstruktur
Stileigenschaft
(siehe auch einzelne Tag-Namen)
else-Anweisungen
E-Mail-Formulare, validieren ,
generisches E-Mail-Formular (Beispiel)
vollständiges Skript (Beispiel) ,
erzeugeArray( )-Funktion
eval( )-Funktion
Event-Handler ,
JavaScript, Liste
onClick , , , ,
onLoad , ,
onMouseOut , , ,
onMouseOver , , , , , ,
onSubmit ,
onUnload
verknüpfen mit Rollover-Bildern
Events
(siehe auch Event-Handler)
F
Farbe
ändern für HTML Elemente
Links, ändern ,
style-Eigenschaft und CSS-Attribut für
Fehler in JavaScript-Stileinstellungen
Fehlermeldungen
Fenster ,
»Hallo«-Dialog (Beispiel)
Adresse, ändern für aktuelles ,
Auswahlmenüs, verwenden für ,
Fensterausschnitt, definieren
Fernbedienungsfenster ,
Funktion zur Erstellung
Links, an opener-Fenster umleiten
suchen aus ,
leere Formulareingabe, Dialog
neue öffnen ,
Fenster öffnen
Fenster schließen
(siehe auch window-Objekt)
Fensterausschnitt, Layer scrollen mit ,
Layer definieren
Scrollen ,
Fernbedienungsfenster ,
Funktion zur Erstellung
Links an opener-Fenster umleiten
Suchfähigkeiten ,
Symbolleisten-Frames, starten von
fgColor-Eigenschaft (document) ,
filename-Eigenschaft (plugins)
find( )-Methode (window)
Flash ,
Browsererkennungsskript
Plug-In für Filme
Plug-In, prüfen auf bestimmte Version
floor( )-Methode (Math)
focus( )-Methode (window)
fontWeight-Eigenschaft, ändern für Links
formatierte Datumsangaben, anzeigen mit Arrays
-Tags, onSubmit-Event-Handler in
Formulare ,
-Element
Aktionen auf Hauptbrowserfenster verweisen
Benutzereingabe festhalten ,
form-Objekt
Madlibs-Spiel
kombinieren mit JavaScript-Funktionen
Schaltflächen
erzeugen in
onClick-Event-Handler
Stylesheet verwenden
Unterhaltungskategorien, auswählen
validieren ,
abfangen vor der Übermittlung
alphabetische Zeichen, Element prüfen auf
E-Mail ,
Integer-Werte, prüfen auf
reguläre Ausdrücke, verwenden
Telefonnummer, prüfen
Willkommensnachricht ausschalten
for-Schleifen
anzeigen aller Optionen in Auswahlmenü
Telefonnummern validieren
forward( )-Methode
history-Objekt
window-Objekt
Fotos, Panoramaansichten (siehe Panoramafoto-Betrachter)
Frage-Objekte (Beispiel) ,
erzeugen
Konstruktorfunktion
Frames ,
auf- und zuklappen in JavaScript
Browser-Typen, erstellen für
Links
steuern in HTML
steuern in JavaScript ,
rotierender Inhalt ,
Schaufenster-Effekt vermeiden
Sprungmenüs in
Symbolleistendesign, Hauptframe und Symbolleiste mit einem Klick ändern
frames[ ]-Eigenschaft (window)
Framesets
aktuellen Frame ganz oben halten
Seite mit rotierenden Werbebannern
selbstscrollender Bildbetrachter
übergeordnete Symbolleiste, direkt ansteuern
-Tags
-Tags
Funktionen ,
Formularvalidierung
alert( ) ,
istBuchstabe( )
istEmail( )
istFertig( ) , ,
istInt( )
istTelefon( )
Konstruktor ,
Kategorie- und Seite-Objekte
xbStyle-Objekt
Methoden versus
objektorientierte
reguläre Ausdrücke in
Rückgabewerte
in