Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 2 sur 2
  1. #1
    Invité régulier
    Profil pro
    Inscrit en
    mai 2009
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : mai 2009
    Messages : 24
    Points : 7
    Points
    7

    Par défaut Spry data set + XML + CSS et hyperlien

    Bonjour,
    Je ne suis pas un programmeur WEB du tout, mais je met les mains dans le cambouis quand il le faut et j'aime apprendre.
    Je dois aidé a revamper le site web de mon labo. Une information a publié va m'être fournis sous la forme d'un fichier XML. Il s'agit d'une simple liste de nom, date et hyperlien qui doit-être trier par la date et afficher sur une page du site. Cela fait bien mon affaire puisque je n'aurai pas a éditer un tableau a chaque modification. Voir un exemple ci-dessous.

    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
    <liste>
       <info class = "test">
    	  <titre>aaaa</titre>
    	  <date>2012/10/13-17</date>
    	  <site>http://www.aaaa.org/</site>
      </info>
       <info class = "test">
    	  <titre>bbbb</titre>
    	  <date>2013/03/22-24</date>
    	  <site>http://www.bbbb.org/</site>
      </info>
       <info class = "test">
    	  <titre>ccc</titre>
    	  <date>2013/04/13-16</date>
    	  <site>http://www.ccc.org/</site>
      </info>
       <info class = "test">
    	  <titre>dddddd</titre>
    	  <date>2013/05/06-10</date>
    	  <site>http://www.dddd.ca/</site>
      </info>
       <info class = "test">
    	  <titre>eee</titre>
    	  <date>2013/01/17-20</date>
    	  <site>http://www.eeeee.org/</site>
      </info>
       <info class = "test">
    	  <titre>ffff</titre>
    	  <date>2013/09/05-08</date>
    	  <site>http://www.ffff.com/</site>
      </info>  
       <info class = "test">
    	  <titre>gggg</titre>
    	  <date>2013/06/16-20</date>
    	  <site>http://www.gggg.org/</site>
      </info>                
    </liste>
    J'ai fait un prototype qui fonctionne, j'applique un CSS pour la gestion du contenu... jusqu'au hyperlien. Les hyperliens s'affichent sous forme texte et non pas comme lien cliquable. Chaque ligne de la table est dans un <td>...</td> et je n'arrive pas a y placer une balise <a href>.
    C'est à la ligne 45 que le tableau affiche l'hyperlien.
    Voir le code ci-dessous de mon prototype:

    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    var congres = new Spry.Data.XMLDataSet("test.xml", "liste/info", {sortOnLoad: "date", sortOrderOnLoad: "ascending"});
    </script>
    <style type="text/css">
    a.table:link {color:#ff0000;}
    a.table:visited {color:#0000ff;}
    a.table:hover {color:#ffcc00;}
    
    
    .tabledata {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 10px;
    	color: #999;
    }
    .tabledata2 {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 10px;
    	font-weight: bold;
    	color: #00F;
    }
    
    </style>
    </head>
    
    <body>
    <p>&nbsp;</p>
    <p>Table spry-data</p>
    <div spry:region="congres">
      <table width="460">
        <tr>
          <th width="110" spry:sort="date">Date</th>
          <th width="110" spry:sort="titre">Titre</th>
          <th width="198" spry:sort="site">Site</th>
        </tr>
        <tr spry:repeat="congres">
          <td class="tabledata">{date}</td>
          <td class="tabledata2">{titre}</td>
          <td>{site}</td>
        </tr>
      </table>
    </div>
    
    </body>
    </html>
    J'ai fouillé sur le web et sur le forum ici sans grand succès.

    Vous avez une idée... si c'est possible... pour réglez ce soucis ?
    Ou si vous avez une autre solution pas trop complexe a me proposer, n'hésitez pas.
    Merci à l'avance pour votre réponse,
    Stéphane Denis

  2. #2
    Invité régulier
    Profil pro
    Inscrit en
    mai 2009
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : mai 2009
    Messages : 24
    Points : 7
    Points
    7

    Par défaut

    Bonsoir,
    Rassurez-moi... c'est impossible et très complexe ... ou bien ma question est incompréhensible ??
    J'ai googlé de nouveau et fait des essais toujours sans succès.
    Merci

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •