ఎక్స్ఎస్ఎల్టి - క్లయింట్

ముంది పేజీ ఎక్స్ఎస్ఎల్టి అప్లై
తదుపరి పేజీ ఎక్స్ఎస్ఎల్టి సర్వర్ సైడ్

మీ బ్రౌజర్ XSLT ను మద్దతు చేస్తే, అది డాక్యుమెంట్ను XHTML కు మార్పిడి చేయడానికి ఉపయోగించబడవచ్చు.

జావాస్క్రిప్ట్ పరిష్కారం

ముందస్తు చిప్పల్లో, మేము XSLT ద్వారా కొన్ని XML డాక్యుమెంట్లను XHTML కు మార్పిడి చేయడం దాని విధానాన్ని మీకు చెప్పాము. ఈ పనిని మేము ఈ విధంగా చేశాము: XML ఫైల్లో XSL స్టైల్ షేర్ జోడించడం మరియు బ్రౌజర్ ద్వారా ట్రాన్స్ఫార్మేషన్ పూర్తి చేయడం.

ఈ పద్ధతి చాలా మంచి ఫలితాలను ఇవ్వగానీ, XML ఫైల్లో స్టైల్ షేర్ వినియోగం చేయడం ఎక్కడా XSLT అని గుర్తించలేని బ్రౌజర్లలో ఈ పద్ధతి పనిచేయకపోతుంది (ఉదాహరణకు, XSLT అని గుర్తించలేని బ్రౌజర్లలో ఈ పద్ధతి పనిచేయకపోతుంది).

మరింత సాధారణమైన పద్ధతి జావాస్క్రిప్ట్ ఉపయోగించడం ద్వారా ట్రాన్స్ఫార్మేషన్ పూర్తి చేయడం.

జావాస్క్రిప్ట్ ఉపయోగించడం ద్వారా మనం చేయవచ్చు:

బ్రౌజర్ నిర్ధారణ పరిశీలన నిర్వహించండి
బ్రౌజర్ మరియు వినియోగదారు అవసరాలకు అనుగుణంగా వివిధ స్టైల్ షేర్లను ఉపయోగించండి

ఇది XSLT యొక్క ఆకర్షణ పరిణామం! XSLT యొక్క రూపకల్పన లక్ష్యాలలో ఒకటి ఏక ఫార్మాట్ నుండి మరొక ఫార్మాట్ కు మార్పిడి చేయడానికి వీలు కల్పించడం, అలాగే వివిధ బ్రౌజర్లను మరియు వివిధ వినియోగదారు అవసరాలను మద్దతు చేయడం.

బ్రౌజర్ అండర్ యూజ్ విండోస్ లో XSLT ట్రాన్స్ఫార్మేషన్ భవిష్యత్తులో ప్రధాన పనిలో ఒకటిగా ఉంటుంది, అంతేకాక బ్రౌజర్ మార్కెట్లో దాని వృద్ధిని కూడా చూస్తాము (బ్లాండ్ టెక్స్ట్, నెట్వర్క్ ప్రింటర్స్, ఆడియో ఉపకరణాలు మొదలైనవి).

XML ఫైలు మరియు XSL ఫైలు

దిగువన ప్రదర్శించబడిన ముందస్తు చిప్పల్లో ఉన్న ఈ XML డాక్యుమెంట్ చూడండి:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
.
</catalog>

ఈ XML ఫైల్‌ను చూడండి。

మరియు అనుబంధ XSL స్టైల్‌షీట్‌లు:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  <body>
    <h2>My CD Collection</h2> 
    <table border="1">
      <tr bgcolor="#9acd32">
        <th align="left">Title</th> 
        <th align="left">Artist</th> 
      </tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="title" /></td>
        <td><xsl:value-of select="artist" /></td>
      </tr>
      </xsl:for-each>
  </table>
  
  
</xsl:template>
</xsl:stylesheet>

ఈ XSL ఫైల్‌ను చూడండి。

ఈ XML ఫైల్‌లో XSL ఫైల్‌కు సూచన లేదు అని చూడండి.

ముఖ్యమైన విషయం:ఈ వాక్యం అర్థం కావాలంటే, XML ఫైల్‌ను పలు వివిధ XSL స్టైల్‌షీట్లతో మార్చవచ్చు.

బ్రౌజర్‌లో XML ను XHTML లో మార్చండి

ఇది క్లయింట్ సైడ్లో XML ఫైల్‌ను XHTML లో మార్చడానికి ఉపయోగపడే సోర్స్ కోడ్ ఉంది:

<html>
<body>
<script type="text/javascript">
// Load XML 
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")
// Transform
document.write(xml.transformNode(xsl))

提示：假如您不了解如何编写 JavaScript，请学习我们的《JavaScript 教程》。