XSLT - ক্লায়েন্টে

যদি আপনার ব্রাউজার XSLT-এর সমর্থন করে, তবে তা ডকুমেন্টকে XHTML-এ রূপান্তর করার জন্য ব্রাউজারে ব্যবহার করা যেতে পারে。

JavaScript সমাধান

আগের চাপ্তীতে, আমরা আপনাকে XSLT-এর মাধ্যমে কোনও XML নথিকে XHTML-এ রূপান্তর করার জন্য শিখিয়েছি। আমরা এই কাজটি নিচের পথে করেছি: XML নথিতে XSL শৈলীপটল যোগ করা এবং ব্রাউজারের মাধ্যমে রূপান্তর করা。

এই পদ্ধতির প্রভাব ভালো হলেও, XML ফাইলে শৈলীপটল উল্লেখ করা সবসময়ই সন্তুষ্টির জন্য থাকে না (উদাহরণস্বরূপ, XSLT-কে পরিচিত না থাকা ব্রাউজারে এই পদ্ধতি কাজ করবে না)。

আরও সাধারণ পদ্ধতি হল, JavaScript-এর মাধ্যমে রূপান্তর করা。

JavaScript ব্যবহার করে আমরা করতে পারি:

  • ব্রাউজার নিশ্চয়করণ পরীক্ষা
  • ব্রাউজার এবং ব্যবহারকারীর প্রয়োজনীয়তা অনুযায়ী ভিন্ন শৈলীপটল ব্যবহার করুন

এটাই 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>আমার সিডি সংগ্রহ</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>
  </body>
  </html>
</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))
</script>
</body>
</html>

টীকা:আপনি কিভাবে জেভাস্ক্রিপ্ট লিখতে জানেন না তবে, আমাদের《জেভাস্ক্রিপ্ট টিউটোরিয়াল》。

প্রথমটি কোড মাইক্রোসফটের XML পার্সারের একটি ইনস্ট্যান্স তৈরি করে, এবং একটি XML ফাইলকে মেমরির মধ্যে লোড করে।দ্বিতীয়টি কোড পার্সারের আরও একটি ইনস্ট্যান্স তৈরি করে, এবং এই XSL ফাইলকে মেমরির মধ্যে লোড করে।আখিরের কোডটি XSL ডকুমেন্টটিকে XML ডকুমেন্টকে রূপান্তরিত করে, এবং ব্রাউজারে ফলাফলটিকে XHTML হিসাবে প্রদর্শন করে।কাজ সম্পন্ন!

দেখুন এটি IE-তে কিভাবে কাজ করে