Zusammenfassung, Fragen und Übungen

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Zusammenfassung

• Innerhalb von SVG-Dateien können Skripte definiert werden.
• Diese Skripte verwenden im SVG-Viewer die JavaScript-Implementation des Browsers.
• Als Skriptsprache wird ECMAScript, ein JavaScript-Standard, verwendet.
• Um Elemente innerhalb der SVG-Datei zu manipulieren oder zu erzeugen, benötigen Sie den Zugriff auf das übergeordnete SVGDocument-Objekt.
• Den bekommen Sie, indem Sie dem onload-Event der SVG-Grafik das Schlüsselwort evt übergeben und in der Ereignisprozedur mit getTarget( ) das Objekt zurückgeben.
• Über die Methode getElementById können Sie auf benannte Elemente zugreifen.
• Um Attribute zu lesen, verwenden Sie die Methode getAttribute, um sie zu setzen, setAttribute.

Fragen und Übungen

1. In welchen Browsern werden die Skripte zur Zeit nicht bzw. nicht korrekt ausgeführt?
2. Wie werden Skripte in der SVG-Datei definiert?

Die folgenden Aufgaben stellen eine Einheit dar.

3. Erstellen Sie eine Navigationsleiste aus drei nebeneinander angeordneten Rechtecken mit Texten. Versehen Sie die Rechtecke und die Texte mit Hyperlinks.
4. Formatieren Sie diese Rechtecke und Text mit Hilfe von Stylesheets.
5. Ergänzen Sie die Grafik um einen unsichtbaren Hinweiskasten, der wiederum aus einem Rechteck und einem Text besteht.
6. Erstellen Sie eine Funktion, die beim Überfahren der Navigationselemente den Hinweiskasten einblendet und einen Hinweistext darin anzeigt.
7. Ergänzen Sie die Funktion dahingehend, dass der augenblicklich mit der Maus überfahrende Navigationsbutton optisch hervorgehoben wird.

   

<< zurück

vor >>