Einfügen des Skriptes in die HTML-Seite

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

Die HTML-Seite, in der Sie auch die Diagramme einfügen, benötigt natürlich ein Skript. Da ohnehin nur der Internet Explorer für die Ausführung in Frage kommt, können Sie wahlweise JavaScript oder VBScript verwenden. Das Beispiel verwendet JavaScript. Es ist jedoch mit wenig Aufwand auch in VBScript zu erstellen, die Objekte und Methoden sind identisch.

Das Skript fügen Sie wie innerhalb der SVG-Datei über dem <SCRIPT>-Tag ein. Als type-Attribut verwenden Sie hier aber die Angabe "text/javascript".

<html>
  <head>
    <title>Beispiel SVG-Formatierung per XML und JavaScript</title>
    <SCRIPT language="JavaScript1.2" type="text/javascript">
    <!--
      var SVGDiag, SVGDoc, alterText;
      var MaxHoehe=0;
      var MaxBreite=0;
      var legende,reihen,format;
      var farben = new Array();
      var texte = new Array();
      var werte = new Array();
      var xtext="";
      var ytext=""; 
      var xtitel="";
      var ytitel="";
      var hoehetitel="";
      var titelbgcolor="";
      var titelcolor="";

      function INIT(DIAGName)
      {
        ...
      }
      
      function INITDiagramm(DiagObj)
      {
        ...
      }
    // 
     -->
    </SCRIPT>
  </head>
  <body bgcolor="white" onload="INIT('diagramm');INIT('diagramm2')">
  ...

Zunächst benötigen Sie einige globale Variablen, in denen vorübergehend die Werte und Formatierungen der XML-Datei gespeichert werden. Diese müssen Sie außerhalb einer Funktion im <SCRIPT>-Tag definieren. Die beiden Funktionen INIT( ) und INITDiagramm( ) des vorstehenden Listings sorgen dann für die Initialisierung der Variablen und Formatierung der Diagramme. Damit die Funktionen auch für jedes Diagramm der Seite aufgerufen werden, verwenden Sie das onload-Attribut des <BODY>-Tags und übergeben an die Funktion INIT den Namen des Diagramms, das bearbeitet werden soll.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" 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.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de