Discussion :

[ths]

Bonjour a tous,

J'ai recherché un peu partout mais n'ai pas trouvé de réponse clair simple et compréhensible pour un noob de la transformation xslt.

Pourtant ce que je cherche est tout simple (enfin je suppose) et cela ne posera pas de problèmes à la plupart d'entre vous...

J'ai un fixhier xml que je ne peut pas modifier du type:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<DocumentElement>
  <QueryResults>
    <EmployeeFirstName>Name 1</EmployeeFirstName>
    <EmployeeEMail>Email 1</EmployeeEMail>
  </QueryResults>
  <QueryResults>
    <EmployeeFirstName>Name 2</EmployeeFirstName>
    <EmployeeEMail>Email 2</EmployeeEMail>
  </QueryResults>
...
...
</DocumentElement>

Je voudrais tout simplement avoir un output sur 2 colonnes:

_______________________________
| Name 1 Email 1 | Name 2 Email 2 |
| Name 3 Email 3 | Name 4 Email 4 |
| Name 5 Email 5 | Name 6 Email 6 |
| Name 7 Email 7 | Name 8 Email 8 |


Avec Name 1 Email 1 formaté avec des <span>


En fait pour aller plus loin l'idée est d'avoir dans mon xml plus d'infos sur l'employé (nom, telépone...) et de faire une liste sur 2 colonnes de "cartes de visite".

En gros voici l'existant:

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
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl" >
 
  <xsl:output method="html" indent="yes"/>
 
  <xsl:variable name="baseDir">http://extranet.dotnetnuke.com/portals/0/Employee</xsl:variable>
 
  <xsl:template match="//DocumentElement">
    <link href="{$baseDir}/employee.css" rel="stylesheet" type="text/css" />
 
    <xsl:apply-templates select="QueryResults" />
 
  </xsl:template>
 
  <xsl:template match="QueryResults">
    <div class="employee" style="background-color:white;">
      <img alt="No Photo Present" height="100" src="{$baseDir}/No.Photo.jpg" width="75" />
      <div class="organization">
        <h2>
          <xsl:value-of select="EmployeeDisplayName" />
        </h2>
        <p class="title">
          <xsl:value-of select="EmployeeTitle" />
        </p>
        <p>
          <span>Service:</span>
          <xsl:value-of select="EmployeeServiceName" /> 
        </p>
        <p>
          <span>Responsable: </span>
          <xsl:value-of select="EmployeeManager" />
        </p>
      </div>
      <div class="contact">
        <h3>Contact informations</h3>
        <p>
          <span>Téléphone:</span>
          <xsl:value-of select="EmployeePhone" />
        </p>
        <p>
          <span>Mobile Phone:</span>
          <xsl:value-of select="Cellphone" />
        </p>
        <p>
          <span>Email:</span>
          <xsl:value-of select="EmployeeEMail" />
        </p>
        <p>
          <span>Location:</span><xsl:value-of select="EmployeeLocation" />
        </p>
      </div>
      <p style="clear:both;"> </p>
    </div>
  </xsl:template>
</xsl:stylesheet>

et voila le résultat attentdu:


J'espère vraiment que vous pourrez m'aider parceque la je commence a désespérer de trouver une solution.

Merci

[thelvin]

Ce n'est pas une question de XSLT, c'est une question de HTML/CSS.

Il faut styler les <div class="employee"> de sorte qu'ils s'affichent comme tu veux. Et ça, c'est une question de HTML/CSS.

À vue de nez, je dirais qu'il suffit d'ajouter dans leur style :

Code :

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

width: 48%; display: inline-block;

width: 48% indique que le div doit occuper près de la moitié de la largeur disponible.
display: inline-block indique qu'ils ne s'empilent pas les uns sur les autres s'il y a la place de les mettre à côté.

Edit : bon, width: 48% n'a pas l'air de marcher, je verrai si je trouve pourquoi.