xml problème affichage dans Firefox

xml problème affichage dans Firefox - XML/XSL - Programmation

Marsh Posté le 25-09-2009 à 18:45:04    

Bonjour
 
J'ai crée un fichier catalogue.xml
 

Code :
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <?xml-stylesheet version="1.1" type="text/xsl" href="catalogue.xsl"?>
  3. <catalogue>
  4.    <categorie>
  5.       <nom>A</nom>
  6.        <categorie>
  7.     <nom> ALBERT toto </nom>
  8.  <document>
  9.             <titre>Envoyer un message</titre>
  10.               <grade>xxx</grade>
  11.       <poste>yyyy</poste>
  12.       <secteur>zzzzzzzzzzzz</secteur>
  13.               <tel>00.00.00.00.00</tel>
  14.               <ref>mailto:xx@toto.fr</ref>
  15.  </document>       
  16. </categorie>
  17. </categorie>
  18. <categorie>
  19.       <nom>B</nom>
  20. <categorie> 
  21.           <nom>BONSOIR Vous</nom>
  22.  <document>
  23.   <titre>Envoyer un message</titre>
  24.          <grade>xxx</grade>
  25.          <poste>zzzz</poste>
  26.          <secteur>ffffffffffff</secteur>
  27.          <tel>00.00.00.00.01</tel>
  28.   <ref>mailto:zz@toto.fr</ref>
  29.   </document>
  30.     </categorie>
  31. </categorie>
  32. </catalogue>


 
j'ai crée un fichier catalogue.xls
 

Code :
  1. <?xml version="1.0" encoding="ISO-8859-1" ?>
  2. - <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/TR/WD-xsl">
  3. - <xsl:template match="/">
  4. - <html>
  5. - <head>
  6.   <link rel="stylesheet" type="text/css" href="catalogue.css" />
  7.   <title>Annuaire </title>
  8.   <base target="_new" />
  9. - <script>
  10. - <xsl:comment>
  11. - <![CDATA[
  12. var deplier = true;
  13. var replier = false;
  15. function deplirepli(titre, depli)
  16. {
  17. plus = titre.children[0];
  18. moins = titre.children[1];
  19. div = titre.parentElement;
  20. moins.style.display = depli ? "" : "none";
  21. plus.style.display = depli ? "none" : "";
  22. titre.title="Cliquer pour " + (depli ? "re" : "dé" ) + "plier";
  23. div.children[1].style.display= depli ? "" : "none";
  24. }
  26. function deplirepliTout(action)
  27. {
  29. coll = document.all.tags("div" );
  30. for (i=0; i<coll.length; i++)
  31. {
  32. if (coll[i].className == "title" )
  33.  {
  34.  deplirepli(coll[i], action);
  35.  }
  36. }
  37. }
  40. function toggleDisplay(titre)
  41. {
  42. plus = titre.children[0];
  44. if (plus.style.display=="" )
  45. // déplier
  46. {
  47. deplirepli(titre, deplier);
  48. }
  49. else
  50. // replier
  51. {
  52. deplirepli(titre, replier);
  53. }
  54. }
  57. function display(identifieur)
  58. {
  59. if (identifieur!=null) {
  60. deplirepliTout(replier);
  61. personne=document.getElementById(identifieur);
  62. var parent=personne.parentNode;
  63. while (parent.tagName!="BODY" )
  64. {
  65. parent.style.display="";
  66. parent=parent.parentNode;
  67. }
  68. }
  70. nom = personne.children(0);
  71. nom.style.backgroundColor="navajowhite";
  72. nom.style.color="white";
  73. nom.style.fontSize="larger";
  74. document.location="#"+identifieur
  75. }
  77. function changeButton(selection)
  78. {
  79. document.all.bouton.title=document.getElementById(selection.value).children[0].innerText;
  80. }
  84.   ]]>
  85.   </xsl:comment>
  86.   </script>
  87.   </head>
  88. - <BODY>
  89. - <DIV id="listing">
  90.   <xsl:apply-templates select="catalogue" />
  91.   </DIV>
  92. - <P class="petit">
  93.   <A HREF="mailto:aaa@toto.fr">Signaler toute anomalie</A>
  94.   </P>
  95.   </BODY>
  96.   </html>
  97.   </xsl:template>
  98. - <xsl:template match="catalogue">
  99. - <h1 id="titre">
  100.   <input class="grosbouton" style="float:left" type="button" value="++" title="Tout déplier" onclick="deplirepliTout(deplier)" />
  101.   <input class="grosbouton" style="float:right" type="button" value="--" title="Tout replier" onclick="deplirepliTout(replier)" />
  102.   Annuaire
  103.   <span style="cursor:hand" title="Annuaire">HHHHH</span>
  104.   </h1>
  105.   <xsl:apply-templates select="categorie" order-by="nom" />
  106.   </xsl:template>
  107. - <xsl:template match="categorie">
  108. - <DIV CLASS="wrapping">
  109. - <DIV CLASS="title" onclick="toggleDisplay(this)">
  110. - <xsl:attribute name="title">
  111. - <xsl:if test="aide">
  112.   <xsl:value-of select="aide" />
  113.   <xsl:eval>"\r"</xsl:eval>
  114.   </xsl:if>
  115.   Cliquez vite pour en savoir plus
  116.   </xsl:attribute>
  117.   <SPAN>+</SPAN>
  118.   <SPAN STYLE="display:none">-</SPAN>
  119.   <xsl:value-of select="nom" />
  120.   </DIV>
  121. - <DIV CLASS="wrapping" STYLE="display:none">
  122.   <xsl:apply-templates select="categorie" order-by="nom" />
  123. - <xsl:if test="document">
  124. - <table class="persons">
  125.   <xsl:apply-templates select="document" order-by="titre" />
  126.   </table>
  127.   </xsl:if>
  128.   </DIV>
  129.   </DIV>
  130.   </xsl:template>
  131. - <xsl:template match="document">
  132. - <tr class="document">
  133. - <xsl:attribute name="ID">
  134.   <xsl:eval>uniqueID(this)</xsl:eval>
  135.   </xsl:attribute>
  138. - <td>
  139. - <a>
  140. - <xsl:attribute name="name">
  141.   <xsl:eval>uniqueID(this)</xsl:eval>
  142.   </xsl:attribute>
  143.   </a>
  144. - <a>
  145.   <xsl:attribute name="title">Cliquer pour envoyer un message</xsl:attribute>
  146. - <xsl:attribute name="href">
  147.   <xsl:value-of select="ref" />
  148.   </xsl:attribute>
  149.   <xsl:value-of select="titre" />
  150.   </a>
  151.   </td>
  152. - <td>
  153.   <xsl:value-of select="poste" />
  154.   </td>
  155. - <td>
  156.   <xsl:value-of select="secteur" />
  157.   </td>
  158. - <td>
  159.   <xsl:value-of select="tel" />
  160.   </td>
  161. - <td>
  162.   <xsl:value-of select="grade" />
  163.   </td>
  164.   </tr>
  165.   </xsl:template>
  166.   <xsl:script />
  167.   </xsl:stylesheet>


 
je n'ai aucun soucis pour visualiser le fichier xml dans Internet Explorer mais avec Firefox , j'ai le message suivant
Erreur lors du chargement de la feuille de style : Échec de l'analyse d'une feuille de style XSLT.
 
Où est l'erreur ?
 
Un grand merci d'avance à celui qui me donnera la solution


Message édité par Scipion80 le 26-09-2009 à 09:53:38
Reply

Marsh Posté le 25-09-2009 à 18:45:04   

Reply

Marsh Posté le 28-09-2009 à 11:43:32    

plusieurs erreurs à priori:

 

- j'ai modifié l'entête, en reprenant un truc qui marchait de chez moi, et j'ai rajouté le xsl:output (je sais pas si c'est indispensable, mais ca marche avec)
- déja je sais pas pourquoi t'as des tirets devant la plupart de tes lignes, je suppose que c'est des erreurs de copier/coller, je les ai enlevé
- le order-by n'a plus l'air d'avoir cours, il est déprécié, il faut utiliser xsl:sort à la place
- le xsl:eval et le uniqueid, pareil, il faut mettre xsl:value-of avec un generate-id()
- t'as un "<xsl:script />" qui traine à la fin, qui n'a semble t'il rien à faire la

 

ca donne ca chez moi, et ca passe sous FF (par contre ya plus le sort, mais sinon c'est bon):

Code :
  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2. <xsl:stylesheet
  3.     xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  4.     version="1.0">        
  5.     <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
  6.   <xsl:template match="/">
  7.     <html>
  8.       <head>
  9.         <link rel="stylesheet" type="text/css" href="catalogue.css" />
  10.         <title>Annuaire</title>
  11.         <base target="_new" />
  12.         <script>
  13.           <xsl:comment>
  14.             <![CDATA[
  15.             var deplier = true;
  16.             var replier = false;
  17.             function deplirepli(titre, depli) {
  18.               plus = titre.children[0];
  19.               moins = titre.children[1];
  20.               div = titre.parentElement;
  21.               moins.style.display = depli ? "" : "none";
  22.               plus.style.display = depli ? "none" : "";
  23.               titre.title="Cliquer pour " + (depli ? "re" : "dé" ) + "plier";
  24.               div.children[1].style.display= depli ? "" : "none";
  25.             }
  26.             function deplirepliTout(action) {
  27.               coll = document.all.tags("div" );
  28.               for (i=0; i<coll.length; i++) {
  29.                 if (coll[i].className == "title" ) {
  30.                   deplirepli(coll[i], action);
  31.                 }
  32.               }
  33.             }
  34.             function toggleDisplay(titre) {
  35.               plus = titre.children[0];
  36.               if (plus.style.display=="" )
  37.             }
  38.             ]]>
  39.           </xsl:comment>
  40.         </script>
  41.       </head>
  42.       <BODY>
  43.         <DIV id="listing">
  44.           <xsl:apply-templates select="catalogue" />
  45.         </DIV>
  46.         <P class="petit">
  47.           <A HREF="mailto:aaa@toto.fr">Signaler toute anomalie</A>
  48.         </P>
  49.       </BODY>
  50.     </html>
  51.   </xsl:template>
  52.   <xsl:template match="catalogue">
  53.     <h1 id="titre">
  54.       <input class="grosbouton" style="float:left" type="button" value="++" title="Tout déplier" onclick="deplirepliTout(deplier)" />
  55.       <input class="grosbouton" style="float:right" type="button" value="--" title="Tout replier" onclick="deplirepliTout(replier)" />Annuaire
  56.       <span style="cursor:hand" title="Annuaire">HHHHH</span>
  57.     </h1>
  58.     <xsl:apply-templates select="categorie"/>
  59.   </xsl:template>
  60.   <xsl:template match="categorie">
  61.       <DIV CLASS="wrapping">
  62.         <DIV CLASS="title" onclick="toggleDisplay(this)">
  63.           <xsl:attribute name="title">
  64.             <xsl:if test="aide">
  65.               <xsl:value-of select="aide" />
  66.             </xsl:if>Cliquez vite pour en savoir plus</xsl:attribute>
  67.           <SPAN>+</SPAN>
  68.           <SPAN STYLE="display:none">-</SPAN>
  69.           <xsl:value-of select="nom" />
  70.         </DIV>
  71.         <DIV CLASS="wrapping" STYLE="display:none">
  72.           <xsl:apply-templates select="categorie"/>
  73.           <xsl:if test="document">
  74.             <table class="persons">
  75.               <xsl:apply-templates select="document" />
  76.             </table>
  77.           </xsl:if>
  78.         </DIV>
  79.       </DIV>
  80.   </xsl:template>
  81.   <xsl:template match="document">
  82.       <tr class="document">
  83.         <xsl:attribute name="ID">
  84.           <xsl:value-of select="generate-id()"/>
  85.         </xsl:attribute>
  86.         <td>
  87.           <a>
  88.             <xsl:attribute name="name">
  89.               <xsl:value-of select="generate-id()"/>
  90.             </xsl:attribute>
  91.           </a>
  92.           <a>
  93.             <xsl:attribute name="title">Cliquer pour envoyer un message</xsl:attribute>
  94.             <xsl:attribute name="href">
  95.               <xsl:value-of select="ref" />
  96.             </xsl:attribute>
  97.             <xsl:value-of select="titre" />
  98.           </a>
  99.         </td>
  100.         <td>
  101.           <xsl:value-of select="poste" />
  102.         </td>
  103.         <td>
  104.           <xsl:value-of select="secteur" />
  105.         </td>
  106.         <td>
  107.           <xsl:value-of select="tel" />
  108.         </td>
  109.         <td>
  110.           <xsl:value-of select="grade" />
  111.         </td>
  112.       </tr>
  113.   </xsl:template>
  114. </xsl:stylesheet>


Message édité par pataluc le 28-09-2009 à 11:45:35
Reply

Marsh Posté le 30-09-2009 à 20:23:41    

Bonsoir pataluc et merci
 
bon j'ai essayé ton code mais cela ne marche pas ( j'ai dû me tromper en faisant le copier coller)
 
je vais essayer à nouveau
 
A noter : je débute complètement avec le xml
 
je ne sais pas pourquoi il y a des tirets car dans mon fichier il n'y en a pas
 
si tu veux tester sous Internet Exploer voici mon fichier catalogue.css
 

Code :
  1. body {
  2. font-size: small;
  3. background-color: #FFFFFF;
  4. font-family: Verdana, Arial, sans-serif;
  5. }
  7. H1, H2, H3, H4 {
  8. color:#258;
  10. }
  12. h1 {
  13. margin-top: 30px;
  14. text-align: center;
  15. font-size: 14pt;
  16. }
  18. h3 {
  19. letter-spacing: 5 px;
  20. font-weight: normal;
  21. }
  23. table.persons {
  24. width: 90%;
  25. background-color: #69C;
  26. border: outset;
  27. }
  29. table.persons th {
  30. color: white;
  31. text-transform: capitalize;
  32. letter-spacing: 0.5em;
  33. padding: 7px;
  34. }
  36. table.persons td {
  37. font-size: 10pt;
  38. padding: 7px;
  39. border: inset 2px;
  40. background-color: oldlace;
  41. }
  43. tr.chef td {
  44. background-color: navajowhite;
  45. }
  47. table.address {
  48. width: 90%;
  49. background-color: navajowhite;
  50. border: outset 5px;
  51. }
  53. table.address td {
  54. width: 90%;
  55. padding:10px;
  56. }
  58. .wrapping .wrapping {
  59. margin-left:20px;
  60. }
  62. .title {
  63. font-size: 10pt;
  64. color:#258;
  65. margin: 10px;
  66. cursor:hand;
  67. }
  69. .firstname {
  70. text-transform: uppercase;
  71. }
  73. .address {
  74. margin-bottom: 10px;
  75. margin-left: -20px;
  76. }
  78. #bouton {
  79. color: black;
  80. position: relative;
  81. top: 2;
  82. margin-top: 5px;
  83. }
  85. .grosbouton {
  86. font-weight: bold;
  87. font-size: 12pt;
  88. color: black;
  89. }
  91. form {
  92. margin: -20px;
  93. border: inset;
  94. text-align:center;
  95. color: white;
  96. background-color: #69C;
  97. padding: 10px;
  98. }
  102. .flag {
  103. width:26px;
  104. height:18px;
  105. float:right;
  106. }
  108. .petit {
  109. font-size:smaller
  110. }
  112. .pale {
  113. font-size:smaller;
  114. color: #69C;
  115. }
  117. legend {
  118. color:aquamarine;
  119. }
  121. fieldset {
  122. padding: 4px;
  123. }
  125. .premiermot {
  126. text-transform: capitalize;
  127. }


 
merci encore
 
A noter avec ie tab, cela fonctionne dans Firefox mais j'aimerai bien que cela fonction sans cette extension


Message édité par Scipion80 le 30-09-2009 à 20:24:31
Reply

Marsh Posté le 01-10-2009 à 14:51:58    

Bonjour,
 
J'ai déja eu ce problème et je crois que je l'avais corrigé en changeant l'extension de la feuille de style.
 
Essaye .xslt aulieu de .xls
 

Reply

Marsh Posté le 02-10-2009 à 18:39:22    

Bonsoir  
 
Merci cybrix
 
j'ai essayé de modifier l'extension  
 
cela ne marche pas
 
Sous Internet explorer j'ai ceci
The system cannot locate the resource specified. Erreur de traitement de la ressource file:///F:/xxx/xxxx/catalogue1.x...
 
et sous Firefox, les données apparaissent les uns à la suite des autres, mais aucune mise en forme
 
 
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed