Spry data set + XML + CSS et hyperlien

**Hicks90** · 30/09/2012, 21h18

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 :

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

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