xsl et les tableaux

**derric8016** · 02/02/2006, 18h28

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**virgul** · 03/02/2006, 08h00

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

**virgul** · 03/02/2006, 08h09

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**derric8016** · 03/02/2006, 09h40

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.

**virgul** · 03/02/2006, 09h45

>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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**derric8016** · 03/02/2006, 10h37

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

**derric8016** · 03/02/2006, 15h24

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**virgul** · 03/02/2006, 15h41

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

**derric8016** · 03/02/2006, 17h20

zut! Excuz
le voici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**derric8016** · 03/02/2006, 18h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

xsl et les tableaux

XSL/XSLT/XPATH XML

Discussions similaires

Partager

Partager