XSL transformations

Zdroj dát (XML súbor) s definovaným transformačným XSL:

<?xml version="1.0" encoding="windows-1250"?>
<?xml-stylesheet type="text/xsl" href="format_xsl_2.xsl"?>
<!DOCTYPE Cennik [
	<!ELEMENT Cennik (product)*>
		<!ELEMENT product (nazov,popis,stav,kategorie)>
			<!ELEMENT nazov (#PCDATA)>
			<!ELEMENT popis (#PCDATA)>
			<!ELEMENT stav (#PCDATA)>
			<!ELEMENT kategorie (kategoria1,kategoria2)>
			<!ELEMENT kategoria1 (#PCDATA)>
			<!ELEMENT kategoria2 (#PCDATA)>
			
]>
<Cennik>
	<product>
		<nazov>Camelion NI-MH R14/C 3500mA 2ks</nazov>
		<popis>Nabíjateľné Ni-MH batérie typ R14 / C, 3500mA, 1.2V v peknom balení, 2ks. Vhodné pre baterky, hračky</popis>
		<stav>>10 Ks</stav>
		<kategorie>
			<kategoria1>Batérie</kategoria1>
			<kategoria2>Nabíjateľné</kategoria2>
		</kategorie>
	</product>
	<product>
		<nazov>Camelion NI-MH2600mA AA 4ks</nazov>
		<popis>Nabíjateľné Ni-MH batérie AA, 2600mA, 1.2V peknom balení, 4ks. Vhodné pre fotoaparáty, prenosné audio zariadenia, wireles myši, klávesnice, atd.</popis>
		<stav>>10 Ks</stav>
		<kategorie>
			<kategoria1>Batérie</kategoria1>
			<kategoria2>Nabíjateľné</kategoria2>
		</kategorie>
	</product>
</Cennik>

XSL súbor popisujúci, ako sa majú dáta z XML transformovať do HTML kódu:

<?xml version="1.0" encoding="windows-1250"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:output method="html" />
	<xsl:template match="/">
		<html>
			<head>
				<title>XML</title>
				<link href="style_xsl_2.css" rel="stylesheet" type="text/css" />
			</head>
			<body>
				<h2>Zoznam</h2>
				<table>
					<xsl:for-each select="Cennik/product">
						<tr valign="top">
							<th>
								<xsl:value-of select="nazov" />
							</th>	
							<td>	
								<xsl:value-of select="popis" />
							</td>	
							<td width="50">	
								<xsl:value-of select="stav" />
							</td>	
							<td>	
								<xsl:value-of select="kategorie" />
							</td>	
						</tr>
					</xsl:for-each>
				</table>
			</body>
		</html>	
	</xsl:template>
</xsl:stylesheet>

CSS súbor:

body, div, p, li, ul, ol, table, td, th, tr {
	font: normal 12px/14px Verdana; 
}

table { 
	width: 600px;
	border-top: solid 1px #888888;
	border-collapse: collapse;
}

th, td { 
	padding: 3px 5px;
	border-bottom: solid 1px #888888;
	border-collapse: collapse;
}

th { 
	text-align: left;
	font-weight: bold;
}

Spojením týchto troch súborov dostaneme nasledujúci výstup v prehliadači:


Žiadne dokumenty ani odkazy k tejto stránke.

Generátor typoscriptu

Vytvára typoscript pre bežné použitie. Generátor je jednoduchý na obsluhu, stačí vyplniť zopár položiek formulára.

rtgx

XSL transformations

Generátor typoscriptu

Odkazy