Rheinwerk Design < openbook > Rheinwerk Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Rheinwerk Design
ISBN 978-3-89842-739-5
gp 10 Aktionen
  gp 10.1 JavaScript in Dreamweaver
  gp 10.2 Aktionen
    gp 10.2.1 Rollover erstellen
    gp 10.2.2 Browserweichen
    gp 10.2.3 Plugins überprüfen
    gp 10.2.4 Ein Popup-Menü
    gp 10.2.5 Mehrere Frames gleichzeitig austauschen

10 Aktionen

JavaScript ist nicht jedermanns Angelegenheit. Mit Dreamweaver ist das Erstellen diverser Standardaktionen ein Kinderspiel. Wir zeigen Ihnen, wie es geht und was Sie beachten müssen.

JavaScript ist eigentlich ganz einfach, wenn nicht wieder verschiedene Browsermodelle mit unterschiedlichen Anforderungen aufwarten würden. Hier ist es leider nicht nur so, dass Internet Explorer und Netscape nur ab und zu ein anderes Verständnis von einzelnen Befehlen haben. Das gesamte Dokumentenobjektmodell ist grundsätzlich verschieden, sodass viele Skripts wirklich doppelt für IE und NC angelegt werden müssen.

Zum Glück haben wir mittlerweile Werkzeuge wie Dreamweaver 8, die uns diese Arbeit abnehmen. Zugegebenermaßen ist der generierte Code von Dreamweaver nicht wirklich gut zu verstehen, und Änderungen daran sind kaum möglich, ohne sich in die Tiefen der JavaScript-Programmierung zu begeben. Wer das jedoch macht, wird seine Skripts sowieso von Hand schreiben.

Fakt ist, dass der Code von Dreamweaver funktioniert und auf allen Plattformen – die richtigen Einstellungen vorausgesetzt – definitiv funktionsfähig ist.


Rheinwerk Computing

10.1 JavaScript in Dreamweaver  toptop

In Abbildung 10.1 sehen Sie den grundsätzlichen Aufbau einer JavaScript-Aktion (Verhalten) in Dreamweaver 8 in einer schematischen Darstellung.

Abbildung 10.1 Schema von JavaScript-Aktionen

Ereignis | Sie benötigen demnach einen Auslöser. Dies kann eine Schaltfläche, der <body>-Tag usw. sein. Dieser Auslöser setzt beim Eintreten eines zu definierenden Ereignisses eine Aktion in Gang, die mit einem ebenfalls zu definierenden Objekt das, was in der Aktion festgeschrieben ist, ausführt. Als Beispiel soll uns ein Rollover-Effekt für eine Schaltfläche dienen – wahrscheinlich einer der am häufigsten eingesetzten Effekte mit JavaScript.

Das Ereignis ist die Bewegung der Maus über einen Link bzw. eine Grafik, die verlinkt ist. Das Verhalten, das ausgelöst wird, bewirkt, dass sich ein Bildobjekt verändert. Dabei wird der Inhalt des Objektes gegen einen anderen Inhalt ausgetauscht.

Listing 10.1 Skript für Rollover-Effekt im HTML-Body

<a href="javascript:;" onMouseOver="MM_swapImage('Link1','','pics/
1_over.gif',0)"><img src="pics/1.gif" name="Link1" 
width="109" height="36" border="0" id="Link1"></a>

Hierbei ist onMouseOver das auslösende Ereignis. MM_swapImage ist die Aktion bzw. der Name des Skripts im Head des Dokumentes, das beim Eintreten des Ereignisses ausgeführt wird (Listing 10.2). Links ist die Bezeichnung für das Objekt, mit dem die Aktion ausgeführt werden soll. In diesem Fall sind der Auslöser und das Objekt, mit dem die Aktion ausgeführt wird, identisch.

Listing 10.2 Skript für Rollover-Effekt im HTML-Head

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i<(a.length-2);
i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; 
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}


Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 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.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern