Zeige nebenstehende SVG-Grafik mit Legende:
1. Deutsch
2. Englisch

Das SVG-XML-file wird per <embed> in den HTML-Strom eingebunden (siehe unten); zur Code-Generierung bzw. komfortablen Integration kann man man ein entsprechendes "Spezielles ZMS-Objekt" verwenden.
Die SVG-Grafik enthält für jede Sprache eine layerartig platzierte Gruppe von text-Elementen. Diese erhalten für Ihre Sprachausprägung ein Attribut "lang", in der Art

<text x="-3000" y="2500" class="description" lang="ger">Dies ist ein Deutsches Quadrat</text>
<text x="-3000" y="2500" class="description" lang="eng">This is an English Rectangle</text>

Das SVG-File wird über eine externes CSS formatiert, d.h. es referenziert auf eine DTML-Methode, die den CSS-Code enthält bzw. dieses unter gegebener Parametriesierung (z.B. hinsichtlich der Umgebungsvariablen "lang") request-spezifisch ausgibt. CSS-Beispiel:

.description {
font-weight:normal;
font-size:200;
font-family:Geneva,Arial;
fill:#000000;
visibility:hidden;
}
.description[lang|="<dtml-var "REQUEST.get('lang','ger')">"] {
visibility:visible;
}

Entscheidend hierbei ist die spezielle CSS-Syntax für die Attribut-Wert abhängige Modifikation des Text-Elements "description".
Der Aufruf des SVG-Objekt erfolgt mit der Übergabe des aktuellen lang-Attributes, damit das SVG-Objekt den Wert von seinem Container "lernt" und ihn; z.B.:

<embed src="rect.svg?lang=<dtml-var "REQUEST.get('lang',getPrimaryLanguage())">" type="image/svg+xml" width="300" height="300">
</embed>

Dieser Parameter muss nun ebenso an das extern aufzurufende CSS (als DTML-Methode) übergeben werden, dass gemäß obenstehender Darstellung eine auf den Attributwert angepasste Ausgabe des CSS-Code erfolgt; im SVG-Code erfolgt also der CSS-Aufruf folgendermassen:

<?xml-stylesheet href="common/rect.css?lang=<dtml-var "REQUEST.get('lang',getPrimaryLanguage())">" type="text/css"?>

Erstellt von: Dr. F. Hoffmann , erstellt am:  27.06.2008 , zuletzt geändert: 26.10.2010