XSL & JavaScript Teppo Räisänen

Esitys aiheesta: "XSL & JavaScript Teppo Räisänen"— Esityksen transkriptio:

1 XSL & JavaScript Teppo Räisänen http://www.oamk.fi/~teraisan/ Teppo.raisanen@oamk.fi

2 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

3 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

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

5 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

6 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

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

8 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)

9 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

10 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

11 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

12 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