XSLT 2 Digitalisering av kulturarvet

Idag Repetition XSLT och TEI Referenser Läsa in XSLT- och XML-dokument i XHTML-dokument Skicka med variabler och argument

XSL-språk XSLT –Ett språk för att transformera XML- dokument X-PATH –Ett språk för att navigera i XML-dokument XSL-FO –Ett språk för att formatera XML-dokument

Den röda tråden… DATALOGIKGRÄNSSNITT XMLXSLTXHTML(+CSS)

XML, XSLT, XHTML och CSS XML XSLT CSS XHTML Transformation (XSLT-processor)

Transformation Sker med en XSLT-processor Finns inbyggd i Internet Explorer… …men inte i alla webbläsare Därför använder vi JEdits XSLT- processor XALAN

XPath - noder The Life and Opinions of Tristram Shandy, Gentleman, by Laurence Sterne Dokumentnod (rotelement) Textnod Attributnoder Elementnoder

XPath – Relationer mellan noder Varje element och attribut har en och endast en förälder Elementnoder har noll till många barn Noder med samma förälder kallas syskon –Det första syskonet är äldst, det näst första är näst äldst och så vidare… En förfader är en förälders förälder En ättling är ett barns barn

XPath – Peka ut noder /TEI2 – Pekar ut rotelementet TEI2 TEI2/text – Pekar ut alla text-element som är barn till TEI2 text//* – Pekar ut alla noder inuti elementet text //p – pekar ut samtliga p-element, oavsett var de befinner sig i hierarkin text//p – Pekar ut samtliga p-element som är ättlingar till text, oavsett var de befinner sig i hierarkin – Pekar ut samtliga attributnoder med namnet n

Exempel: peka ut alla p som är barn till div1 Gör att vi är säkra på att rätt p hämtas, dvs det som är barn till div1, som i sin tur är barn till div, som i sin tur är barn till body

En annan variant

Templates Innehåller regler som appliceras vid matchning av en specificerad nod Syntax: … Samtliga attribut är valfria, men minst ett av attributen name och match måste återfinnas

Exempel, templates Anropar alla barn (och ättlingar) till body Matchar noder med namnet div, dock endast de som är barn eller ättlingar till body Matchar noder med namnet p, dock endast de som är barn eller ättlingar till body

Exempel, templates med villkor

Exempel, templates med villkor

apply-templates När processorn stöter på apply- templates undersöker den det första elementet och ser om det finns ett template som matchar den Så länge det finns ett template som matchar aktuellt element kommer processorn att fortsätta på samma sätt till nästa element

Repetitioner i XSLT: for-each …kod som utförs på varje nod som överensstämmer med X-PATH- uttrycket

pekar här ut attributet id hos heads förälder: <div1 id="OTS1" n="I" type="book"> Notera krullparenteserna som används när man vill använda ett värde i ett icke xsl-element

Styrstrukturer i XSLT om (villkor a) utför a annars om (villkor b) utför b annars utför c

Med if …kod som utförs om villkor a är sant …kod som utförs om villkor b är sant …kod som utförs om villkor c är sant

Exempel: if Jodå, det funkar faktiskt

Med choose...kod som utförs om villkor a är sant...kod som utförs om villkor b är sant …kod som utförs om varken villkor a eller b är sant

Exempel: choose Även detta funkar

XSLT och TEI Källan kan ses som en linjär sekvens Det TEI-kodade innehållet är mer likt en databas Flera olika outputs är möjliga

Varför transformera TEI med XSLT? Förändra en icke presentabel fil till en webbsida Formatera ett dokument till PDF eller liknande Förändra en XML-vokabulär till en annan Extrahera specifik information från ett dokument och formatera på ett annat sätt

Rendering av TEI-text Kopiera element Utesluta element Flytta element Generera element

Kopiera element Navigationssystem Till exempel kan alla head-element kopieras och placeras i en lista i början av texten Listans element kan sedan länkas till respektive head-element För kopiering kan for-each användas med fördel

Exempel: kopiera element

Matchande template Länkar varje head-element tillbaka till index Exempel 4

Utesluta element TEI Header innehåller enbart metadata Vi kanske inte vill visa texten på bokens baksida Redaktionella noter bör inte visas Eller varför inte enbart visa vissa element för vissa läsare och andra element för andra läsare?

Utesluta element, exempel

Utesluta element, exempel To the Right Honourable <rs type="person" key="mrpitt">Mr Pitt. <note place="end" type="editorial">Sex tecken används för attributet key Sir, Never poor Wight of a Dedicator had less hopes from his Dedication, than I have from this of mine; for …

Uteslutning av note Exempel 5

Flytta element Template-anrop utförs i den ordning de är skrivna i: Här kommer body skrivas ut först, sedan back och sist front

Generera element Rahtz exempel något modifierat: –Varje namn ska transformeras till en länk vars titel-attribut får värdet This name occurs x times –Dvs, när muspekaren förs över namnet Toby ska en gul ruta med texten This name occurs 3 times dyka upp

TEI-kod Toby Shandy XSLT-kod Generera element, exempel Exempel 5

TEI-länkar Länkning inom dokumentet –ref och ptr Länkning inom dokumentet och till externa dokument –xref och xptr

ptr TEI XSLT Go to Kräver att det finns ett element med attributet id="preface", detta id måste vara unikt för filen Notera också fyrkanten (#) som gör det möjligt att länka till ett ankare inom ett dokument

Mer ptr ptr kan tilldelas attributet type På så vis kan vi skilja olika typer av länkar ifrån varandra

Matchande template … Go to …

ref TEI Go to preface XSLT Nackdel med denna variant är att man infogar text som inte hör till originalkällan

xptr, tei-kod DOC1 måste definieras i DTD:n:

xptr, xslt-kod

xref, tei-kod The HOMUNCULUS, Sir… /articles/h/homunculus.html

xref, xslt-kod

Notera… att url:en /h/homunculus.html egentligen ska deklareras i DTD:n: /h/homunculus.html /h/homunculus.html

Och i tei-koden… …ska vi istället skriva: HOMUNCULUS … /h/homunculus.html

Bilder (figurer) Elementet figure används: Above: The drawing room… The figure shows… Detta kräver att pullman är definierad i DTD:n:

xslt-kod

Inläsning av XSLT- och XML- dokument i XHTML-dokument Vi kan med ett (hyfsat) enkelt JavaScript läsa in XSLT- och XML- dokument i XHTML-dokument Vi utgår från en skapad.htm-fil Vi skriver sedan ett JavaScript som läser in bägge filerna

tei.htm...lite kod... (följande exempel är omarbetat efter

Skapa variabler och tilldela värden var xslt = new ActiveXObject("Msxml2.XSLTemplate.3.0"); var xsldoc = new ActiveXObject ("Msxml2.FreeThreadedDOMDocument.3.0"); var xslproc;

Ladda filer xsldoc.async = false; xsldoc.load("tei.xsl"); xslt.stylesheet = xsldoc; var xmldoc = new ActiveXObject("Msxml2.DOMDocument.3.0"); xmldoc.async = false; xmldoc.validateOnParse = false; xmldoc.load("tei.xml"); Lägg in denna rad ifall resultatet uteblir (detta beror sannolikt på att validering gentemot DTD:n misslyckas)

Utför transformation xslproc = xslt.createProcessor(); xslproc.input = xmldoc; xslproc.transform(); document.write(xslproc.output); Resultatet av transformationen skrivs ut här

Inläsning xml-filen: tei.xml xsl-mallen: tei.xsl xhtml-dokumentet: tei.htm Resultat

Skicka in parametrar till JavaScriptet Länken abc infogas i tei.htm (kan även konstrueras i tei.xsl) Strängen abc skickas in till tei.htm och kan tas emot av JavaScriptet

Ta emot parameter var str = '' + this.location; str = str.substring((str.indexOf('?')) + 1); Skapar variabeln str och tilldelar den värdet av aktuell url Plockar ut allt som finns efter frågetecknet

Ta emot parameter var str = '' + this.location str = str.substring((str.indexOf('?')) + 1) Variabeln str skapas och tar emot värdet '' (tomma strängen) plus värdet av this.location (url:en till aktuell webbsida) Sedan tilldelas str värdet av allt som befinner sig från ? plus ett tecken och framåt, dvs abc i det här fallet

Vad kan vi göra med det? Till exempel styra vilken stilmall vi ska använda: str += ".xsl"; str tilldelas värdet av sig själv plus.xsl -> abc.xsl xsldoc.load(str); abc.xsl läses in Jämför med tidigare värde: xsldoc.load("tei.xsl");

Flera stilmallar: abc.xsl def.xsl ghi.xsl jkl.xsl