29-12-2009, 07:19
Witam serdecznie, chciałbym się was poradzić odnośnie galerii w xml. Jestem bardzo mało doświadczonym programistą XML i XSL więc proszę się nie śmiać 
Pytanie moje jest następujące. Stworzyłem małą galerię w XML. Za pomocą XSL próbuję stworzyć tabelkę wypełnioną zdjęciami z xml. Niestety wiem tylko jak zrobić to w jednym rzędzie, lub jednej kolumnie (tak jest teraz w załączonym pliku). Czy dałoby się zrobić, i jak to zrobić, by tabelka miała 4 kolumny? Zawsze, niezależnie od ilości zdjęć.
Tak wygląda pllik XSL:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="galeria">
<html>
<head>
<style type="text/css">
td { border: 1px solid black; padding: 5px; text-align: center;}
</style>
</head><body>
<table style="border: 1px solid black;">
<xsl:for-each select="zdjecie">
<tr>
<td><xsl:element name="a"><xsl:attribute name='href'>duze/<xsl:value-of select='plik'/>.jpg</xsl:attribute><xsl:element name='img'><xsl:attribute name='src'><xsl:value-of select='plik'/>.jpg</xsl:attribute></xsl:element></xsl:element><br/><xsl:value-of select="opis"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
a tak plik XML:
<?xml-stylesheet type="text/xsl" href="style.xsl" styleversion="1.0" encoding="utf-8"?>
<!DOCTYPE galeria [
<!ELEMENT galeria (zdjecie+)>
<!ELEMENT zdjecie (plik, opis)>
<!ELEMENT plik (#PCDATA)>
<!ELEMENT opis (#PCDATA)>
]>
<galeria>
<zdjecie>
<plik>1</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>2</plik>
<opis>Stroje zbójeckie!</opis>
</zdjecie>
<zdjecie>
<plik>4</plik>
<opis>Fikasz?</opis>
</zdjecie>
<zdjecie>
<plik>5</plik>
<opis>Mamy szałas i nie zawachamy się go użyć!</opis>
</zdjecie>
<zdjecie>
<plik>6</plik>
<opis>Zbój dużo je!</opis>
</zdjecie>
<zdjecie>
<plik>7</plik>
<opis>Łoooooo, kozacko w tym muzeum</opis>
</zdjecie>
<zdjecie>
<plik>8</plik>
<opis>Pasowanie na zbiója</opis>
</zdjecie>
<zdjecie>
<plik>9</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>10</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie><zdjecie>
<plik>11</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>12</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>13</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
</galeria>
Pytanie moje jest następujące. Stworzyłem małą galerię w XML. Za pomocą XSL próbuję stworzyć tabelkę wypełnioną zdjęciami z xml. Niestety wiem tylko jak zrobić to w jednym rzędzie, lub jednej kolumnie (tak jest teraz w załączonym pliku). Czy dałoby się zrobić, i jak to zrobić, by tabelka miała 4 kolumny? Zawsze, niezależnie od ilości zdjęć.
Tak wygląda pllik XSL:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="galeria">
<html>
<head>
<style type="text/css">
td { border: 1px solid black; padding: 5px; text-align: center;}
</style>
</head><body>
<table style="border: 1px solid black;">
<xsl:for-each select="zdjecie">
<tr>
<td><xsl:element name="a"><xsl:attribute name='href'>duze/<xsl:value-of select='plik'/>.jpg</xsl:attribute><xsl:element name='img'><xsl:attribute name='src'><xsl:value-of select='plik'/>.jpg</xsl:attribute></xsl:element></xsl:element><br/><xsl:value-of select="opis"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
a tak plik XML:
<?xml-stylesheet type="text/xsl" href="style.xsl" styleversion="1.0" encoding="utf-8"?>
<!DOCTYPE galeria [
<!ELEMENT galeria (zdjecie+)>
<!ELEMENT zdjecie (plik, opis)>
<!ELEMENT plik (#PCDATA)>
<!ELEMENT opis (#PCDATA)>
]>
<galeria>
<zdjecie>
<plik>1</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>2</plik>
<opis>Stroje zbójeckie!</opis>
</zdjecie>
<zdjecie>
<plik>4</plik>
<opis>Fikasz?</opis>
</zdjecie>
<zdjecie>
<plik>5</plik>
<opis>Mamy szałas i nie zawachamy się go użyć!</opis>
</zdjecie>
<zdjecie>
<plik>6</plik>
<opis>Zbój dużo je!</opis>
</zdjecie>
<zdjecie>
<plik>7</plik>
<opis>Łoooooo, kozacko w tym muzeum</opis>
</zdjecie>
<zdjecie>
<plik>8</plik>
<opis>Pasowanie na zbiója</opis>
</zdjecie>
<zdjecie>
<plik>9</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>10</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie><zdjecie>
<plik>11</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>12</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
<zdjecie>
<plik>13</plik>
<opis>Dzielne smoki ida na wycieczke!</opis>
</zdjecie>
</galeria>
