Übungsaufgabe16.September2013

Document Object Model

Aufgabe 1

Überlegen Sie sich alle Objekte, die Sie bereits kennen, und stellen Sie die Beziehungen zwischen ihnen als Baumstruktur dar.

Aufgabe 2

Schreiben Sie ein Formular mit zwei Textfeldern und einem Button. Wenn auf den Button geklickt wird, soll BildA gegen BildB ausgetauscht werden und umgekehrt. Außerdem soll in den Textfeldern jeweils der Dateiname des jeweiligen Bildes erscheinen.

Aufgabe 3

Probieren Sie das Beispiel doch einmal aus, wenn Sie die Formulare ebenfalls gleich benennen. Auf welches Textfeld wird dann zugegriffen?

Aufgabe 3

Probieren Sie einmal aus, eine in zwei Frames aufgeteilte Seite mit einem Menü zu entwerfen. Öffnen Sie die Links der Menüeinträge jeweils in unterschiedlichen Fenstern (zweiter Frame, _blank, _parent, _top).

Aufgabe 4

Aufgabe 5

Schreiben Sie das Menü aus Aufgabe 3 so um, dass die Links nun mit Hilfe von JavaScript im zweiten Frame geöffnet werden. Benutzen Sie dabei alle drei Arten des Zugriffs auf den Nachbarframe.

Aufgabe 6

Erstellen Sie ein HTML-Dokument mit einem Formular und einem Bild. In dem Formular soll der Benutzer für alle Eigenschaften, die das Aussehen des Bildes beeinflussen, Werte eingeben können. Klickt er auf den zugehörigen Button, verändert sich das Bild entsprechend seinen Eingaben.

Aufgabe 7

Programmieren Sie einen Nachrichtenticker. Denken Sie sich eine Textzeile aus, die langsam von rechts nach links durch ein Textfeld wandern soll.