liens dans tableau dynamique

**truitas** · 12/07/2009, 18h03

Bonjour à tous,
j'espère être au bon endroit.
je vous explique ce que je voudrais faire:
J'ai crée avec dreamweaver un tableau dynamique (spry) inséré dans une page html que vous pouvez voir http://savoie-rando.fr/datas/untitled.html. Le tableau se classe en cliquant sur les entête de colonne. J'aimerais insérer des liens dans une nouvelle colonne renvoyant vers des pages html spécifiques.
Est-ce possible? Comment est ce possible?
je vous remercie par avance pour vos réponses.

Les données du tableau proviennent du document xml suivant:

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
<?xml version="1.0" encoding="utf-8"?>
<dataroot>
<randonnees>
<randonneeID>1</randonneeID>
<massif>Belledonnes</massif>
<type>randonnee nocturne</type>
<saison>ete</saison>
<prix>45</prix>
<duree>apres-midi-soiree</duree>
<description>randonnee et repas autour d'un feu</description>
<LARGEIMAGE>etoiles_filantes.jpg</LARGEIMAGE>
<MEDIAID>1</MEDIAID>
</randonnees>
<randonnees>
<randonneeID>2</randonneeID>
<massif>Bauges</massif>
<type>nuitee en refuge</type>
<saison>ete</saison>
<prix>62</prix>
<duree>soiree-nuitee-matinee</duree>
<description>randonnee nocturne et nuit en refuge</description>
<LARGEIMAGE>nocturne_ete.jpg</LARGEIMAGE>
<MEDIAID>2</MEDIAID>
</randonnees>
<randonnees>
<randonneeID>3</randonneeID>
<massif>Bauges</massif>
<type>randonnee gourmande</type>
<saison>ete</saison>
<prix>35</prix>
<duree>journee</duree>
<description>randonnee et degustation de produits du terroir</description>
<LARGEIMAGE>valle _entremont_chartreuse.png</LARGEIMAGE>
<MEDIAID>3</MEDIAID>
</randonnees>
<randonnees>
<randonneeID>4</randonneeID>
<massif>Chartreuse</massif>
<type>randonnee thematique</type>
<saison>ete</saison>
<prix>38</prix>
<duree>journee</duree>
<description>randonnee du vertige et degustation de produits du terroir </description>
<LARGEIMAGE>ARCHE_CHARTREUSE.JPG</LARGEIMAGE>
<MEDIAID>4</MEDIAID>
</randonnees>
</dataroot>

mon code html:

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
<!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>Document sans nom</title>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsimages = new Spry.Data.XMLDataSet("Copie de Untitled-1.xml", "dataroot/randonnees",{sortOnLoad:"prix",sortOrderOnLoad:"ascending"});
//-->
</script>
</head>
 
<body>
<h1>spry</h1>
<p>&nbsp;</p>
<div spry:region="dsimages">
<table border="1" align="center" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr>
<th bordercolor="#000000" spry:sort="saison">&nbsp;</th>
<th bordercolor="#000000" spry:sort="saison">Saison</th>
<th bordercolor="#000000" spry:sort="massif">Massif</th>
<th bordercolor="#000000" spry:sort="type">Type</th>
<th bordercolor="#000000">Description</th>
<th bordercolor="#000000" spry:sort="duree">Duree</th>
<th bordercolor="#000000" spry:sort="prix">Prix</th>
</tr>
<tr spry:repeat="dsimages">
<th bordercolor="#000000"><img src="image/{LARGEIMAGE}" alt="arche chartreuse" width="100" height="50" /></th>
<th bordercolor="#000000">{saison}</th>
<th bordercolor="#000000">{massif}</th>
<th bordercolor="#000000">{type}</th>
<th bordercolor="#000000">{description}</th>
<th bordercolor="#000000">{duree}</th>
<th bordercolor="#000000">{prix}</th>
</tr>
</table>
</div>
<p>&nbsp;</p>
</body>
</html>

**zaraki_kenpachi** · 13/07/2009, 17h42

Salut !

Déjà, pour que l'on comprenne que les colonne sont cliquables, tu peux rajouter ce code dans chaque balise <th> de la première balise <tr> de ton code HTML:

Code :

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

style="cursor: pointer;"

Exemple :

Code :

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

<th bordercolor="#000000" spry:sort="prix" style="cursor: pointer;">Prix</th>

Mais pour le reste, pourquoi ne pas modifier à l'aide de Dreamweaver ?

@++

**truitas** · 13/07/2009, 22h39

salut et merci d'avoir essayé de me répondre,
en fait j'ai trouvé la solution qui était plus simple que je ne pensais. Je pensais que tout se passait dans le fichier xml.Vous pouvez voir le résultat sur le lien du premier message.
j'ai simplement rajouté les url dans mon fichier xml puis j'ai transformé:

Code :

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

<th bordercolor="#000000">{URL}</th>

EN:

Code :

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

 <th bordercolor="#000000"><a href="{URL}">Détails</a></th>

par contre pour que l'on comprenne que les colonnes sont cliquables j'ai fait:

Code :

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

 <th bordercolor="#000000" spry:sort="prix"><a href="#">Prix</a></th>

LA QUESTION SUIVANTE: comment faire si l'internaute n'a pas le jscript?

**zaraki_kenpachi** · 14/07/2009, 14h13

Bonjour !

Ça c'est toujours une grande question !

Pour ma part, je pense que l'internaute qui désactive volontairement javascript doit en assumer les conséquences, il est forcément conscient qu'il rencontrera des problèmes sur certains sites.

Maintenant, de votre côté, je vous suggère de placer du code dans des balises <noscript> </noscript>, ce code ne sera exécuter que si le visiteur n'a pas javascript (ou l'a désactivé).

Au choix, vous pouvez simplement mettre un message d'avertissement qui précise explicitement la nécessité d'activer javascript pour pouvoir accéder à l'intégralité des informations présentes sur votre site, ou encore réécrire le tableau "en dur" (ou statique si vous préférer), ce qui n'empêche pas, bien entendu, de le construire en php à partir d'une requête sql par exemple, mais il ne sera pas "triable" dynamiquement.

@++

liens dans tableau dynamique

HTML

Vue hybride

Discussions similaires

Partager

Partager