XML » SVG Presenter - Carto:net

XML » SVG PRESENTER | STRUKTURIERTE MULTIMEDIA-PRÄSENTATION IM WEB 178
var svgGruppe = evt.getTarget().parentNode; // Betroffenes Objekt der Mausbewegung
var gradientenObjekt = svgGruppe.firstChild; // Erstes (unterstes) Objekt
var textObjekt = grad.nextSibling.nextSibling; // "Übernächstes" Objekt
textObjekt.setAttribute("class","white"); // Textfarbe weiß setzen
gradientenObjekt.setAttribute("visibility","visible"); // Verlaufs-Balken anzeigen
...
Listing
6.5.1.2: Zugriff auf XML-Objekte (hier: SVG-Elemente) mittels ECMAScript und DOM (In script.js)
M Adob
VG sozusagen
den „Grundstein“ der dem XML » SVG Presenter zugrunde liegenden Engine dar, da nahezu sämtliche 1
ithilfe dieser Funktionalität kann nun, wie am Beispiel [Listing 6.5.1.2] aufgezeigt, im Rahmen des
e SVG-Viewers auf einzelne Objekte eines S -Dokuments zugegriffen werden. Dies wiederum stellt
SVG-Elemente der Präsentationsdatei auf Basis des „trivialen“, internen XML-Formates zur Laufzeit berech-
net, in den „virtuellen Baum“ des SVG-Dokuments eingehängt und somit dynamisch angezeigt werden.
Bevor allerdings auf dieses grafische Framework zugegriffen werden kann [s.6.5.2] müssen die zunächst in
Form externer XML-Dateien
or
2 vorliegenden Präsentationsdaten, wie bereits eingangs erwähnt [s.Abb.6.5.1.3],
jedoch „geparst“ und in interne Datenstrukturen transformiert werden: So werden etwa die Inhalte der
Header-Sektion, die Angaben über Autor(en), Titel der Präsentation, Datum etc. liefern, in ein hierfür v
gesehnes „Header“-Objekt im Code-Bereich überführt:
// Header-Objekt:
function Head(aTitle) {
this.title = aTitle;
this.authors = new Array();
this.date = new Date();
}
function Head.prototype.addAuthor(anAuthor) { this.authors.push(anAuthor); }
function Head.prototype.defineSetting(aSetting) { this.setting = aSetting; }
...
// XML-Parsing-Teil:
var pr esentationData = new Node(document.getElementById("pdata"));
var head = presentationData.filter(addNameSpace("head")); // Parse Head
var presentation = new Presentation(head.filter(addNameSpace("title")).text());
var authors = head.filter(addNameSpace("author")); // Autor(en) ausfiltern
if(authors.count()!=1) // Wenn es mehrere Autoren gibt...
for(var i=0;i