XSL & JavaScript Teppo Räisänen

Yleistä Uusimmat selainversiot osaavat suorittaa XSL-muunnoksen itsenäisesti Koska selainversioissa ja –valmistajien tuotteissa on eroja, voidaan XSL:n käsittely suorittaa JavaScriptillä Muokataan käsittelyä selainkohtaisesti Käytetään erilaisia tyylimäärittelyitä selaimesta riippuen

Yleistä Käsittelyn vaiheet HTML-sivulla (JavaScript): XML- & XSL-dokumenttien lataaminen Selaintyypin selvittäminen + ohjausrakenne tyypin mukaan Dokumenttien käsittely selaintyypin mukaan Em. Skriptin kutsu liitetään yleensä bodyn onload-tapahtumaan

XML- & XSL-dokumenttien lataaminen loadXMLDoc()-funktiolla ladataan sekä.xsl- että.xml-tiedostot Funktion parametri on ladattavan tiedoston nimi Funktio selvittää selaintyypin

Selaintyypin selvittäminen window.ActiveXObject() palauttaa boolean-arvon Jos arvo on true, tukee selain ActiveX- teknologiaa (MS/IE) Tällöin luodaan uusi ActiveX-olio: new ActiveXObject("Microsoft.XMLDOM"); Joka sijoitetaan funktion sisäiseen muuttujaan

Selaintyypin selvittäminen Jos window.ActiveXObject() palauttaa falsen voidaan yrittää käyttää esim. Firefoxin tukemaa teknologiaa: Tutkitaan palauttavatko sekä document.implementation että document.implementation.createDocument true-arvon Käytetään jälkimmäistä funktiota luomaan viittaus XML-dokumenttiin

Selaintyypin selvittäminen Jos kummatkaan edellisten diojen menetelmistä eivät onnistu, kerrotaan että skriptin suorittaminen ei onnistu

XML-dokumentin käsittely Kun selaintyyppi on selvitetty ja suoritetty tyypin edellyttämät komennot suoritetaan yleensä rivit: xmlDoc.async="false” - parsintaa ja XML- dokumentin lataamista ei synkronoida xmlDoc.load(fname); suorittaa itse latauksen (xmlDoc on funktion sisäinen muuttuja)

XML-dokumentin näyttäminen Näyttäminen suoritetaan displayResult()-funktiossa XML-dokumentin liittämisessä HTML- tulostukseen käytetään loadXMLDoc- funktion palauttamia viitteitä.xsl- ja.xml-dokumentteihin Funktiossa haaraudutaan selaintyypin mukaan

XML-dokumentin näyttäminen - IE Annetaan viite.xsl-dokumenttiin xml.transformNode()-funktiolle Käytetään document.getElementById()- funktiota viittaamaan HTML-elementtiin,jonne tulostus halutaan sijoittaa (huom. Elementin id-määre) Sijoitetaan innerHTML-arvoksi viite XSL- prosessoinnin tulokseen

XML-dokumentin näyttäminen – ei-IE Luodaan xsltProcessor-olio Käytetään olion importStylesheet()- funktiota, jolle annetaan parametrina viite.xsl-dokumenttiin Käytetään transformToFragment()- funktiota suorittamaan muunnos

XML-dokumentin näyttäminen – ei-IE Käytetään document.getElementById()- funktiota viittaamaan HTML-elementtiin,jonne tulostus halutaan sijoittaa (Kuten IE:ssäkin) Annetaan XSL-muunnoksen tulos appendChild()-funktion parametrina