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. :mrgreen:
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>. :oops:
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> </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. :oops:
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. :ccool:
Merci à l'avance pour votre réponse,
Stéphane Denis
