Discussion :

[popol55]

Bonjour,

Après un jour de galére, j'en enfin réussi à générer un fichier xml correct avec l'interpréteur XT.
Le but au départ est d'afficher les informations d'un fichier XML classsique en utilisant un CSS dans un fichier XSL et la cerise sur le gateau, gérer les images de façon "dynamique" dans le du code CSS dans le XSL (oula je sais c'est compliqué) !!!

Voilà le code que j'obtiens sur mon fichier XML résultat, le problème est que ca n'affiche pas les images.
Je me suis fortement inspiré d'un code qui circulait sur le net, mais apparement qui a pas l'air de marcher.
Je soupconne fortement l'encoding de mettre le bazard mais j'arrive pas à trouver par quoi le remplacer sans avoir d'erreurs :/ (iso...)

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
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="#cartes"?>
<?xml-stylesheet type="text/css" href="salaries.css"?>
 
<monentreprise>
<style id="cartes">
 
style {display:none;}
style {display:none;}
 
 
image[id="DUHAUDUTOITRemi"]
{ 
background-image:url(remi.jpg); 
}
 
image[id="DEVIXSPaul"]
{ 
background-image:url(paul.jpg); 
}
 
image[id="LOILLXXXXSeb"]
{ 
background-image:url(seb.jpg); 
}
 
image[id="QUENTINOOruX"]
{ 
background-image:url(orus.jpg); 
}
 
image[id="BOULAONESamitch"]
{ 
background-image:url(sami.jpg); 
}
</style>
 <salarie>
  <nom>DUHAUDUTOIT</nom>
  <prenom>Remi</prenom>
  <fonction>Rapace</fonction>
  <service>Comptabilité</service>
  <telephone>0699999999</telephone>
  <image id="DUHAUDUTOITRemi" src="remi.jpg"/>
 </salarie>
<salarie>
 <nom>DEVIXS</nom>
  <prenom>Paul</prenom>
  <fonction>Président</fonction>
  <service>Informatique</service>
  <telephone>0663357658</telephone>
  <image id="DEVIXSPaul" src="paul.jpg"/>
 </salarie>
<salarie>
<nom>LOILLXXXX</nom>
<prenom>Seb</prenom>
<fonction>Trouffion</fonction>
<service>Informatique</service>
<telephone>0699999999</telephone>
<image id="LOILLXXXXSeb" src="seb.jpg"/>
</salarie>
<salarie>
<nom>QUENTINO</nom>
<prenom>OruX</prenom>
<fonction>Guignol</fonction>
<service>Informatique</service>
<telephone>0699999999</telephone>
<image id="QUENTINOOruX" src="orus.jpg"/>
</salarie>
<salarie>
<nom>BOULAONE</nom>
<prenom>Samitch</prenom>
<fonction>coiffeur</fonction>
<service>coiffure</service>
<telephone>0699999999</telephone>
<image id="BOULAONESamitch" src="sami.jpg"/>
</salarie>
</monentreprise>

Le CSS est le suivant : salaries.css
mais je ne pense pas qu'il soit en cause

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
 
monentreprise
{
background-color:#FFFFFF;
display:inline;
width:100%;
}
 
salarie
 {
font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
background-color:silver; 
width:40%;
padding:10px; 
height:250px;
 }
 
nom, prenom
 { 
   background-color:#FF0000;
   color:#000000;
   font-family:Helvetica,sans-serif,Arial;
   font-size:14pt;
   font-weight : bold;
 
 }
 
fonction, service, telephone
 { 
	display: block;
 
 }
 
 image
 {
 font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
width:40%; 
padding:10px; 
height:250px;
background-color: lightgreen;
background-repeat: no-repeat;
background-position: center;
}
 
table {
	width:100%;
}
 
td { 
  font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
background-color:silver; 
width:40%;
padding:10px; 
height:250px;
}

Si je me suis mal exprimé ou si vous avez des questions je suis là
Merci

[jeremya]

Ton fichier css n'est pas en cause.
Le problème se situe dans le fichier XML.

Pour affichier une image, il faut utiliser la balise HTML IMG.

Voici une version corrigée du fichier xml :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?> 
<?xml-stylesheet type="text/css" href="salaries.css"?> 
 
<monentreprise xmlns:html="http://www.w3.org/TR/REC-html40" >
 <salarie> 
  <nom>DUHAUDUTOIT</nom> 
  <prenom>Remi</prenom> 
  <fonction>Rapace</fonction> 
  <service>Comptabilite</service> 
  <telephone>0699999999</telephone> 
  <image><html:img src="remi.jpg" alt="remi"/></image>
 </salarie> 
</monentreprise>

Par ailleurs, la section style devient inutile.