xsl et les tableaux

Version imprimable

xsl et les tableaux

Salut a tous
je mis un un peu en xml et j'ai décidé d'utiliser xsl pour avoir un bon affichage de ma base xml. Mais voilà j'ai un probleme avec l'affichage ds un tableau. Voici mon document xml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet href="../rss/stylerss.xml" type="text/xsl" ?>
<!DOCTYPE rss PUBLIC "-//Netscape Communications//DTD RSS 0.91//EN"
"http://my.netscape.com/publish/formats/rss-0.91.dtd">
<rss version="0.91">
  <produit>
  	<categorie valeur = "logiciel">
    	<nom>Virtuaschool</nom>
		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
   		 <description>
			VirtuaSchool est un système de gestion d'école assorti d'un module Web qui permet aux parents d'élèves de suivre le travail de leurs enfants via le réseau Internet.
			Il est conçu pour prendre en charge les établissements d'enseignement primaire, secondaire ainsi que les grandes écoles.
		</description>
 
		<nom>Promedic</nom>
   		 <description>
		ProMedic est un progiciel (produit logiciel) de gestion destiné aux établissement hospitaliers.
		Il se démarque résolument par sa simplicité et la rapidité de prise en main. Il permet de gérer 
		les nombreuses fonctionnalités dont un centre hospitalier a besoin a savoir :
		</description>
   	 	<link>URL d'une page décrivant le canal RSS</link>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
	 	<nom>Armel</nom>
   		 <description>
		 Armel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom>Gisel</nom>
   		 <description>
		 Gisel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom>Pipeline</nom>
   		 <description>
		 Pipeline est un logiciel...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </categorie>
 
	<categorie valeur = "site web">	
    	 <url>www.mediatics.ci</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ivoiresms.ci</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ordeco.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.bromalah.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </categorie>
  </produit>
</rss>

Et voici mon xsl :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<xsl:stylesheet xmlns:xsl='http://www.w3.org/1999/XSL/Transform' version="1.0">
<xsl:output encoding="ISO-8859-1"/>
 
<xsl:template match="produit">
<html>
   <head>
     <title>Nos Produits</title>
   </head>
   <body >
		<xsl:apply-templates/>
  </body>
</html>
</xsl:template>
<xsl:template match="categorie">
<table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor ="#000000">
	 <th>
    	<td width="15%">Produit</td>
    	<td width="10%">Nom</td>
    	<td width="10%">Categorie</td>
    	<td width="65%">Description</td>
 	 </th>
	 <tr> 
		<td width="15%"><xsl:apply-templates select="image/url"/></td>
		<td width="15%"><xsl:apply-templates select="nom"/></td>
    	<td width="15%"><xsl:value-of select="logiciel"/>.</td>
    	<td width="15%"><xsl:value-of select="description"/>.</td>	 
	</tr>
</table>
</xsl:template>
<!--<xsl:template match="nom">-->
 
<!--</xsl:template>-->
 
 
</xsl:stylesheet>

voici mon code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<?
// Crée le processeur XSLT
$xh = xslt_create();
xslt_set_base ($xh, 'file://' . getcwd () . '/');
 
// Traite le document, puis affiche le résultat
$result = xslt_process($xh, 'produit.xml', 'produit.xsl');
if (!$result)
  echo ("Erreur XSLT ...");
else
  echo ($result);
 
// Détruit le processeur XSLT
xslt_free($xh);
?>

Y a pas de message d'erreur j'ai du mal à avoir à l'écran le resultat le resultat que j'attends.
Merci pour votre compréhension et aide.

Salut,

Faut modifier ton XSL qui n'est pas très juste:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:output encoding="ISO-8859-1"/>
	<xsl:template match="/">
		<xsl:apply-templates select="rss/produit"/>
	</xsl:template>
	<xsl:template match="rss/produit">
		<html>
			<head>
				<title>Nos Produits</title>
			</head>
			<body>
				<table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor="#000000">
					<th>
						<td width="15%">Produit</td>
						<td width="10%">Nom</td>
						<td width="10%">Categorie</td>
						<td width="65%">Description</td>
					</th>
					<xsl:apply-templates/>
				</table>
			</body>
		</html>
	</xsl:template>
	<xsl:template match="categorie">
		<tr>
			<td width="15%">
				<xsl:apply-templates select="image/url"/>
			</td>
			<td width="15%">
				<xsl:apply-templates select="nom"/>
			</td>
			<td width="15%">
				<xsl:value-of select="logiciel"/>.</td>
			<td width="15%">
				<xsl:value-of select="description"/>.</td>
		</tr>
	</xsl:template>
	<!--<xsl:template match="nom">-->
	<!--</xsl:template>-->
</xsl:stylesheet>

Maintenant encore 2 problèmes:

1. tu déclare 4 colonne de titre avec des grandeurs mais dans le contenu tu en déclare 4 avec des dimensions différente???

2. Le but est bien de faire pour chaque produits un tableau contenant une ligne pour chaque catégorie?

Pour créer un tableau moi je te conseil xhtml pour la facon de représenté le tableau car la tu a des problème d'affichage car ca ne doit pas être très juste comme tu as mis tous ca!

Squelette:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor="#000000">
			<thead>
				<tr>
					<th>Produit</th>
					<th>Nom</th>
					<th>Categorie</th>
					<th>Description</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th>http://url_de_l_imagehttp://url_de_l_imagehttp://url_de_l_imagehttp://url_de_l_imagehttp://url_de_l_image</th>
					<th>VirtuaschoolPromedicArmelGiselPipeline</th>
					<th>.</th>
					<th>VirtuaSchool est un système de gestion d'école assorti d'un module Web qui permet aux parents d'élèves de suivre le travail de leurs enfants via le réseau Internet. Il est conçu pour prendre en charge les établissements d'enseignement primaire, secondaire ainsi que les grandes écoles.</th>
				</tr>
			</tbody>
		</table>

03/02/2006, 09h40
derric8016

Merci de ton approche en fait ce que est sorte d'exercice d'avoir une bonne connaissance d'xsl et plus le xhtml ne m'enchante pas tellement.
J'ai rectifié les dimension des cellules aux dimensions déclarées plus haut mais bon ça coince toujours. Ce que j'aimerais avoir c'est un en-tête (libellé) de tableau et afficher mes donnes a la suite. Mais ce que je constate c'est que pour chaque catégorie j'ai 2 en-tête dans le meme tableau. Et c'est là mon petard.

>Ok c'est ce que j'ai essayé de t'expliquer en dessus ton tableau est tout faux tu mélange td,th et tr!

ce qui nous donne:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:output encoding="ISO-8859-1"/>
	<xsl:template match="/">
		<xsl:apply-templates select="rss/produit"/>
	</xsl:template>
	<xsl:template match="rss/produit">
		<html>
			<head>
				<title>Nos Produits</title>
			</head>
			<body>
				<table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor="#000000">
					<thead>
						<tr>
							<th>Produit</th>
							<th>Nom</th>
							<th>Categorie</th>
							<th>Description</th>
						</tr>
					</thead>
					<tbody>
						<xsl:apply-templates select="categorie"/>
					</tbody>
				</table>
			</body>
		</html>
	</xsl:template>
	<xsl:template match="categorie">
		<tr>
			<th>
				<xsl:apply-templates select="image/url"/>
			</th>
			<th>
				<xsl:apply-templates select="nom"/>
			</th>
			<th>
				<xsl:value-of select="logiciel"/>.</th>
			<th>
				<xsl:value-of select="description"/>.</th>
		</tr>
	</xsl:template>
	<!--<xsl:template match="nom">-->
	<!--</xsl:template>-->
</xsl:stylesheet>

03/02/2006, 10h37
derric8016

Oui tu as tt fait raison. Et comme tu peux bien voir mon code xsl c la premiere fois que je ve genere une feuille avec un tableau. Eh ben là j'ai besoin de directives

Voici les modif ke j'ai effectué.
xml:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet href="../rss/stylerss.xml" type="text/xsl" ?>
<!DOCTYPE rss PUBLIC "-//Netscape Communications//DTD RSS 0.91//EN"
"http://my.netscape.com/publish/formats/rss-0.91.dtd">
<rss version="0.91">
  <produit>
  	<logiciel name ="Logiciel">
    	<nom name ="Virtuaschool">Virtuaschool</nom>
		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
   		 <description>
			VirtuaSchool est un système de gestion d'école assorti d'un module Web qui permet aux parents d'élèves de suivre le travail de leurs enfants via le réseau Internet.
			Il est conçu pour prendre en charge les établissements d'enseignement primaire, secondaire ainsi que les grandes écoles.
		</description>
 
		<nom  name ="Promedic">Promedic</nom>
   		 <description>
		ProMedic est un progiciel (produit logiciel) de gestion destiné aux établissement hospitaliers.
		Il se démarque résolument par sa simplicité et la rapidité de prise en main. Il permet de gérer 
		les nombreuses fonctionnalités dont un centre hospitalier a besoin a savoir :
		</description>
   	 	<link>URL d'une page décrivant le canal RSS</link>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
	 	<nom name ="Armel">Armel</nom>
   		 <description>
		 Armel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom name ="Gisel">Gisel</nom>
   		 <description>
		 Gisel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom name ="Pipeline">Pipeline</nom>
   		 <description>
		 Pipeline est un logiciel...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </logiciel>
 
	<siteweb name ="Site web">	
    	<url>www.mediatics.ci</url>
   		<description>
			description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ivoiresms.ci</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ordeco.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.bromalah.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </siteweb>
  </produit>
</rss>

mon xsl:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
 
<?xml version="1.0" encoding="iso-8859-1" ?>
<?xml-stylesheet href="../rss/stylerss.xml" type="text/xsl" ?>
<!DOCTYPE rss PUBLIC "-//Netscape Communications//DTD RSS 0.91//EN"
"http://my.netscape.com/publish/formats/rss-0.91.dtd">
<rss version="0.91">
  <produit>
  	<logiciel name ="Logiciel">
    	<nom name ="Virtuaschool">Virtuaschool</nom>
		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
   		 <description>
			VirtuaSchool est un système de gestion d'école assorti d'un module Web qui permet aux parents d'élèves de suivre le travail de leurs enfants via le réseau Internet.
			Il est conçu pour prendre en charge les établissements d'enseignement primaire, secondaire ainsi que les grandes écoles.
		</description>
 
		<nom  name ="Promedic">Promedic</nom>
   		 <description>
		ProMedic est un progiciel (produit logiciel) de gestion destiné aux établissement hospitaliers.
		Il se démarque résolument par sa simplicité et la rapidité de prise en main. Il permet de gérer 
		les nombreuses fonctionnalités dont un centre hospitalier a besoin a savoir :
		</description>
   	 	<link>URL d'une page décrivant le canal RSS</link>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
	 	<nom name ="Armel">Armel</nom>
   		 <description>
		 Armel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom name ="Gisel">Gisel</nom>
   		 <description>
		 Gisel est un logiciel de stock,de vente,...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
		<nom name ="Pipeline">Pipeline</nom>
   		 <description>
		 Pipeline est un logiciel...
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </logiciel>
 
	<siteweb name ="Site web">	
    	<url>www.mediatics.ci</url>
   		<description>
			description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ivoiresms.ci</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.ordeco.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
 
    	<url>www.bromalah.net</url>
   		 <description>
		 description du site
		</description>
   		<image>
      	<url>http://url_de_l_image</url>
      	<link>http://lien_associé_à_l_image</link>
    	</image>
    </siteweb>
  </produit>
</rss>

J'ai maintenant un seul libellé pour tout tableau . Mais ça coince dans la mesure tout les informations s'en tassent sur une seule ligne ce ki fait ke j'ai une ligne d'enrégistrement pour toute ma base xml.

03/02/2006, 15h41
virgul

euh t'as posté 2 fois ton xml... au lieu de ton xsl...

zut! Excuz
le voici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<xsl:stylesheet xmlns:xsl='http://www.w3.org/1999/XSL/Transform' version="1.0">
<xsl:output encoding="ISO-8859-1"/>
 
<xsl:template match="produit">
<html>
   <head>
     <title>Nos Produits</title> 
   </head>
   <body >
   <table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor ="#000000">
	 <tr>
	 <th>
    	<td width="15%">Produit</td>
    	<td width="10%">Reference</td>
    	<td width="10%">Categorie</td>
    	<td width="65%">Description</td>
 	 </th>
	 </tr>
	 <tr>
	 <xsl:apply-templates select = "logiciel"/> 
	</tr>
	<tr>
	 <xsl:apply-templates select = "siteweb"/> 
	</tr>
</table>
 
 
  </body>
</html>
</xsl:template>
<xsl:template match="logiciel">
 
		<td width="15%">
		<a href="#">
		<xsl:apply-templates select="//image/url"/>
		</a>
		</td>
		<td width="10%"><xsl:apply-templates select="//nom/@name"/></td>
    	<td width="10%"><xsl:value-of select="@name"/></td>
    	<td width="65%"><xsl:value-of select="//description"/></td>	 
</xsl:template>
<xsl:template match="siteweb">
		<td width="15%"><xsl:apply-templates select="//image/url"/></td>
		<td width="10%"><xsl:apply-templates select="//url"/></td>
    	<td width="10%"><xsl:value-of select="@name"/>.</td>
    	<td width="65%"><xsl:value-of select="//description"/>.</td>	 
</xsl:template>
 
<!--<xsl:template match="nom">-->
 
<!--</xsl:template>-->
 
 
</xsl:stylesheet>

Je viens de corriger une erreur stupide j'ai supprimer les th:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<xsl:stylesheet xmlns:xsl='http://www.w3.org/1999/XSL/Transform' version="1.0">
<xsl:output encoding="ISO-8859-1"/>
 
<xsl:template match="produit">
<html>
   <head>
     <title>Nos Produits</title> 
   </head>
   <body >
   <table width="760" border="1" align="center" cellpadding="4" cellspacing="0" bodercolor ="#000000">
	 <tr>
 
    	<td width="15%">Produit</td>
    	<td width="10%">Reference</td>
    	<td width="10%">Categorie</td>
    	<td width="65%">Description</td>
 
	 </tr>
	 <tr>
	 <xsl:apply-templates select = "logiciel"/> 
	</tr>
	<tr>
	 <xsl:apply-templates select = "siteweb"/> 
	</tr>
</table>
 
 
  </body>
</html>
</xsl:template>
<xsl:template match="logiciel">
 
		<td width="15%">
		<a href="#">
		<xsl:apply-templates select="//image/url"/>
		</a>
		</td>
		<td width="10%"><xsl:apply-templates select="//nom/@name"/></td>
    	<td width="10%"><xsl:value-of select="@name"/></td>
    	<td width="65%"><xsl:value-of select="//description"/></td>	 
</xsl:template>
<xsl:template match="siteweb">
		<td width="15%"><xsl:apply-templates select="//image/url"/></td>
		<td width="10%"><xsl:apply-templates select="//url"/></td>
    	<td width="10%"><xsl:value-of select="@name"/>.</td>
    	<td width="65%"><xsl:value-of select="//description"/>.</td>	 
</xsl:template>
 
<!--<xsl:template match="nom">-->
 
<!--</xsl:template>-->
 
 
</xsl:stylesheet>