kal.xslt Bild-Kalender 2015-12-11 Herbert Schiemann h.schiemann@herbaer.de Diese Transformation erzeugt das HTML-Gerüst für die Kalender sowohl in der Bildschirm- Ansicht als auch in der Druckausgabe. Sie ist eine Anpassung der Version der Website für „freistehende” Kalender. Bildschirmansicht und Druckausgabe nutzen unterschiedliche CSS-Regeln Die Steuerung der Sichtbarkeit der „Blätter” und des Fensters. „Einstellung” durch Javascript in der Bildschirmansicht darf die Druckausgabe nicht stören. Es gibt die folgenden Wörter im Wert der Attribute class: tiles Abschnitt mit den Vorschaubildern („Kacheln”) auf dem „Deckblatt” n Seitenbereiche für die Bildschirmansicht mit Schaltflächen, die normalerweise nicht sichtbar (transparent) sind. hide Fenster „Einstellung”: div-Element mit der ID set lft p-Elemente, deren Inhalt linksbündig statt zentriert ausgegeben werden soll (im Fenster „Einstellung”) d Bildchen auf dem Deckblatt zu einem Monat. img Umhüllende div- und a-Elemente um das Bild eines Monatsblatts m Bild (img-Element) auf einem Monatsblatt Es gibt die folgenden ID-Werte: d00 Das „Deckblatt” bl Linker Seitenrandbereich mit dem Dreieck mit der Spitze nach links br Rechter Seitenrandbereich mit dem Dreieck mit der Spitze nach rechts bt Oberer Seitenrandbereich mit einigen „Schaltern” und Verweisen. ah a-Element im oberen Seitenrandbereich verweist auf den Anfang des Kalenders. as a-Element im oberen Seitenrandbereich öffnet das Fenster „Einstellung”. set div-Element (Fenster) „Einstellung” chk_vm Markierungsfeld „Vormonat” chk_fm Markierungsfeld „Folgemonat” chk_kw Markierungsfeld „Kalenderwoche” chk_mc Markierungsfeld „Monatsname in Tabelle” b_cl Schaltfläche „Schließen” im Fenster „Einstellung". t99 img-Element des Kalenderblatts für den Monat 99: 01 für Januar, 12 für Dezember. Weitere ID-Werte und Wörter im Attribut class werden aus den Grunddaten übernommen. Verzeichnis der Bilder Wurzelelement der Kalenderbilder Eintrag zu einem Monat || Erzeugt das HTML-Dokument Der Parameter data ist eine Zeichenkette mit den Daten der Bilder im Format TITEL?||IMGID||){12} Der Kopf enthält Verweise auf die Dateien kal.js (Quelltext), kal.css (Quelltext) und prt.css. stylesheet screen src/kal.css stylesheet print src/prt.css <xsl:value-of select="$title"/> src/kal.js

◀
▶

 Ein Monatsbild auf der Titelseite In die Abschnitte der Monate werden die Bilder eingefügt
Das Jahr erscheint unter der Überschrift des ersten Abschnitts

HTML-Elemente werden kopiert Platzhalter werden eingesetzt