[Spry & XML]Impossible d'afficher des images dans mon tableau

Impossible d'afficher des images dans mon tableau [Spry & XML] - HTML/CSS - Programmation

Marsh Posté le 10-12-2007 à 12:39:57    

Bonjour à tou,
je suis en train de me pencher sur les Spry via dreamweaver. Je suis bloquée en ce moment sur l'affichage des images dans un tableau de données Spry.
Voici mon code XML:

Code :
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <chaussures>
  3. <chaussure>
  4.  <marque>Channel</marque>
  5.  <modele>Modèle 1</modele>
  6.  <image path="images/pic/01.jpg"/>
  7.  <des>
  8.   Vita est illis semper in fuga uxoresque mercenariae conductae ad tempus ex pacto atque, ut sit species matrimonii, dotis nomine futura coniunx hastam et tabernaculum offert marito, post
  9.   statum diem si id elegerit discessura, et incredibile est quo ardore apud eos in venerem uterque solvitur sexus.
  10.  </des>
  11. </chaussure>
  12. <chaussure>
  13.  <marque>Dior</marque>
  14.  <modele>Modèle 2</modele>
  15.  <image path="images/pic/02.jpg"/>
  16.  <des>
  17.   Mox dicta finierat, multitudo omnis ad, quae imperator voluit, promptior laudato consilio consensit in pacem ea ratione maxime percita, quod norat expeditionibus crebris fortunam eius in
  18.   malis tantum civilibus vigilasse, cum autem bella moverentur externa, accidisse plerumque luctuosa, icto post haec foedere gentium ritu perfectaque sollemnitate imperator Mediolanum ad
  19.   hiberna discessit.
  20.  </des>
  21. </chaussure>
  22. <chaussure>
  23.  <marque>Louboutin</marque>
  24.  <modele>Modèle 3</modele>
  25.  <image path="images/pic/03.jpg"/>
  26.  <des>
  27.   Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili
  28.   responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.
  29.   Vita est illis semper in fuga uxoresque mercenariae conductae ad tempus ex pacto atque, ut sit species matrimonii, dotis nomine futura coniunx hastam et tabernaculum offert marito, post
  30.   statum diem si id elegerit discessura, et incredibile est quo ardore apud eos in venerem uterque solvitur sexus.
  31.  </des>
  32. </chaussure>
  33. <chaussure>
  34.  <marque>Miu Miu</marque>
  35.  <modele>Modèle 4</modele>
  36.  <image path="images/pic/04.jpg"/>
  37.  <des>
  38.   Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili
  39.   responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.
  40.   Mox dicta finierat, multitudo omnis ad, quae imperator voluit, promptior laudato consilio consensit in pacem ea ratione maxime percita, quod norat expeditionibus crebris fortunam eius in
  41.   malis tantum civilibus vigilasse, cum autem bella moverentur externa, accidisse plerumque luctuosa, icto post haec foedere gentium ritu perfectaque sollemnitate imperator Mediolanum ad
  42.   hiberna discessit.
  43.  </des>
  44. </chaussure>
  45. <chaussure>
  46.  <marque>YSL</marque>
  47.  <modele>Modèle 5</modele>
  48.  <image path="images/pic/05.jpg"/>
  49.  <des>
  50.   Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili
  51.   responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.
  52.  </des>
  53. </chaussure>
  54. <chaussure>
  55.  <marque>Gucci</marque>
  56.  <modele>Modèle 6</modele>
  57.  <image path="images/pic/06.jpg"/>
  58.  <des>
  59.   Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili
  60.   responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.
  61.  </des>
  62. </chaussure>
  63. <chaussure>
  64.  <marque>DG</marque>
  65.  <modele>Modèle 7</modele>
  66.  <image path="images/pic/07.jpg"/>
  67.  <des>
  68.   Denique Antiochensis ordinis vertices sub uno elogio iussit occidi ideo efferatus, quod ei celebrari vilitatem intempestivam urgenti, cum inpenderet inopia, gravius rationabili
  69.   responderunt; et perissent ad unum ni comes orientis tunc Honoratus fixa constantia restitisset.
  70.  </des>
  71. </chaussure>
  72. </chaussures>


 
et pour l'instant voici mon code HTML

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Test Spry 2</title>
  6. <script src="SpryAssets/xpath.js" type="text/javascript"></script>
  7. <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
  8. <script type="text/javascript">
  9. <!--
  10. var Photos = new Spry.Data.XMLDataSet("chaussures.xml", "chaussures/chaussure" );
  11. Photos.setColumnType("image/@path", "image" );
  12. //-->
  13. </script>
  14. </head>
  15. <div>
  16.   <div spry:region="Photos">
  17.     <table width="1036">
  18.       <tr>
  19.         <th width="97" spry:sort="marque">Marque</th>
  20.         <th width="106" spry:sort="modele">Modele</th>
  21.         <th width="68">Image</th>
  22.         <th width="257">Photo</th>
  23.         <th width="701">Des</th>
  24.       </tr>
  25.       <tr spry:repeat="Photos">
  26.         <td>{marque}</td>
  27.         <td>{modele}</td>
  28.         <td>{image}</td>
  29.         <td><img src="{image/@path}"/></td>
  30.         <td>{des}</td>
  31.       </tr>
  32.     </table>
  33.   </div>
  34. </div>
  35. </body>
  36. </html>


 
tout ce qui s'affiche pour l'intant c'est le texte par contre au niveau des image les cellules sont désespérément vide....
Merci d'avance pour votre aide  :hello:

Reply

Marsh Posté le 10-12-2007 à 12:39:57   

Reply

Marsh Posté le 10-12-2007 à 13:24:32    

Spry a pas très bonne réputation si tu veux mon avis ... (assez lourd à ce que j'ai pu lire, mais jamais testé). Pourquoi tu passes pas par une autre bib ?

Reply

Marsh Posté le 10-12-2007 à 16:47:55    

A vrai dire je ne fais rien de particu:lier j'étais juste curieuse d'utiliser cette possibilité. D'après ce que j'ai pu trouver tu peut fare pas mal de choses avec Spry. Ca serait même de l'ajax (si j'ai bien tout compris). Je le teste actuellemnt sur mon serveur et ca ne pose pas de problemme (j'utilise un mac un pc et je teste dans les principaux navigateurs comme IE 6 et 7, fire fox et safari). Adobe à mis à disposition des Spry afin de completter la bibliothèque existante dans dreamweaver (j'utilise CS3). Je te conseil de jetter un oeuil sur ces démos:
http://labs.adobe.com/technologies [...] index.html
je pense que ca te fera peut être changer d'avis (a vrais dire je ne suis pas fan de javascript non plus mais là j'avoue que ces démos ont sucité mon plus grand intéret). En tout cas si tu utilise dream tu peut créer des onglets très facilement, afficher une liste de résultas sur plusieurs pages et créer les boutons suivant et précédents sans psser par un code lourd au niveau de ton PHP par exemple. Et puis l'éternel avantage c'est qu'il n'y a pas d'attente de la réponse serveur...
Voila en tout cas merci d'avoir répondu. Finalement j'ai trouvé la réponse à ce que je cherchais.  
code XML :

Code :
  1. <chaussure>
  2. <marque>Channel</marque>
  3. <modele>Modèle 1</modele>
  4. <image>01.jpg</image>//apparament ca marche mieux comme ca...
  5. <des>
  6.  Vita est illis semper in fuga uxoresque mercenariae conductae ad tempus ex pacto atque, ut sit species matrimonii, dotis nomine futura coniunx hastam et tabernaculum offert marito, post
  7.  statum diem si id elegerit discessura, et incredibile est quo ardore apud eos in venerem uterque solvitur sexus.
  8. </des>
  9. </chaussure>


 
code HTML

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Test Spry Gallery</title>
  6. <script type="text/javascript" src="SpryAssets/SpryData.js"></script>
  7. <script type="text/javascript" src="SpryAssets/xpath.js" ></script>
  8. <script type="text/javascript">
  9. var infos = new Spry.Data.XMLDataSet('chaussures.xml', 'chaussures/chaussure');
  10. infos.setColumnType("image/@path", "image" );
  11. </script>
  12. </head>
  14. <body>
  15. <div>
  16. <div spry:region="infos">
  17. <table id="marques" spry:sort="marque">
  18.   <tr>
  19.   <th width="50"><div align="left">Marque</div></th>
  20.     <th width="137"><div align="left">Modèle</div></th>
  21.       <tr spry:repeat="infos" spry:setrow="infos">
  22.               <td>{marque}</td>
  23.               <td>{modele}</td>
  24.           </tr>
  25.  </tr>
  26. </table>
  27. </div>
  28. <div spry:detailregion="infos" id="details">
  29. <table width="959" cellspacing="10px" id="Detail_Table">
  30. <tr>
  31.   <th width="452"><div align="left">Description</div></th>
  32.     <th width="471"><div align="left">Image</div></th>
  33.   </tr>
  34.    <tr>
  35.   <td>{infos::des}</td>
  36.   <td><img src="images/pic/{infos::chemin}"/></td>
  37.   </tr>
  38. </table>
  39. </div>
  41. </div>
  42. </body>
  43. </html>


voila bonne journée à tous


Message édité par nina dj le 10-12-2007 à 16:49:37
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed