ixmobile.xsltDarstellung der Startseite auf Mobilgeräten2014-08-30HerbertSchiemannh.schiemann@herbaer.de
Auf Mobilgeräten wird unterhalb des Kopfs nur ein Navigationsbaum angezeigt.
Die Ziele, auf die die Einträge im Navigationsbaum verweisen,
werden in einem eigenen Browserfenster angezeigt.
Diese Datei wird ergänzt durch
ixmobile.js und ixmobile.css.
Die Datei ixmobile.stub verknüpft die Startseite
index.xhtml mit dieser Transformation.
Das erzeugte Dokument verwendet die folgenden ID-Werte:
audio
Das audio-Element zur Klangwiedergabe.
audiolnk
Die Schaltfläche zum Ein- und Ausschalten der Klangwiedergabe.
div_links
Der Abschnitt mit Verweisen ("Knöpfen"),
der unter der Überschrift angezeigt wird.
Der Attributwert wird aus dem Quelldokument
index.xhtml übernommen.
Für das Quelldokument-Element mit der ID
div_links
gibt es eine besondere Vorlage.
Die Attribute div/@id werden kopiert.
Das erzeugte Dokument verwendet die folgenden Wörter in
class-Attributen:
paused
Das Attribut
class
des
p-Elements
mit der ID
audiolnk
kann die Werte
paused oder
playing
annehmen.
Hier wird der Anfangswert
paused
zugewiesen.
Dieses Wort zeigt an, dass kein Klang wiedergegeben wird.
playing
Das Wort
playing
im Wert des Attibuts
p [@id = 'audiolnk']/@class
zeigt an,
dass Klang wiedergegeben wird.
head
Das Wort head kennzeichnet Abschnitte der Baumansicht,
die Unterabschnitte enthalten, bei denen aber nur die Überschrift sichtbar ist
("eingefaltete" Abschnitte).
Die Abschnittsüberschrift enhält als erstes Element ein
span-Element.
Den Inhalt des
span-Elements
bestimmen CSS-Regeln.
Der Wert des Attributs
class
enthält das Wort navig_button und das Wort
head.
end
Das Wort end kennzeichnet Abschnitte der Baumansicht,
die keine Unterabschnitte enthalten.
Im Quelldokument sollen solche Abschnitte einen Verweis auf ein "externes"
Dokument enthalten.
In dieser Darstellung für Mobilgeräte wird die Abschnittsüberschrift
ein Verweis auf das externe Dokument.
Das erste Element innerhalb der Abschnittsüberschrift ist ein
span-Element, dessen Attribut
class die Wörter
navig_button und head.
exp
Das Wort exp kennzeichnet Abschnitte der Baumansicht,
die Unterabschnitte enthalten, die auch angezeigt werden.
Dieses Stylesheet weist als Anfangswert
head oder end zu.
Javascript (ixmobile.js) tauscht die Wörter
head und exp in den
class-Attributen der
div-Elemente und des ersten
enthaltenen span-Elements aus.
Präfix des Pfades von JavaScript- und CSS-Dateien
Wurzelelement
Sprache ohne weitere Spezifikation
de
So versteht Chrome die Codierung
Wurzel
HTML-Kopfstylesheeticononload = function () { initialize (); };
Der Rumpf
audioautosound
Vorborgene Abschnitte werden ignoriert.
Die Verweisliste wird hier neu definiert,
dahinter werden der "Musik"-Verweis und ein Hinweis auf die Übersetzung eingefügt
Sonst werden Attribute @ti:* ignoriert.
Abschnitte werden als Baumknoten gekennzeichnet.
headend
div/@class
wird nicht übernommen.
Überschriften als Verweise,
wenn der Abschnitt mit einem einzubettenden Dokument verbunden ist.
Verweise werden entfernt,
wenn der enthaltende Abschnitt mit einem einzubettenden Dokument verbunden ist.
code-Elemente werden bis auf ihren Inhalt entfernt.
Elemente und Attribute werden kopiert, sofern keine speziellere Regel existiert.