Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

Dreamweaver gratuit

Créer un lecteur de flux RSS avec Dreamweaver et PHP / MySQL

25 mai 2008 | Posté par caroder à 11:59

Bookmark and Share

Vous désirez intégrer le contenu de sites tiers au sein de votre site via les flux RSS proposés par ces derniers ? Pour cela, il vous faut « parser » le flux RSS. De nombreuses classe PHP vous offrent cette possibilité (par exemple Magpierss : http://magpierss.sourceforge.net/ ) mais vous ne pourrez bénéficier des fonctionnalités graphiques de Dreamweaver.

Tecnorama (grâce lui soit rendue !) propose une extension gratuite permettant d’intégrer un flux RSS externe au sein de vos pages. Vous pouvez la télécharger ici : http://www.tecnorama.org/descargas/descargar.php?archivo=rss_reader_130.mxp

Vérifiez tout d’abord via la fonction < ?php phpinfo() ?> que le module XML est bien activé chez votre hébergeur et dans votre environnement de développement. Vous devez ensuite vous assurez dans que les éléments suivants sont à On :

allow_url_fopen
allow_call_time_pass_reference

Installez l’extension RSS Reader et redémarrez Dreamweaver pour qu’elle prenne effet. Un nouvel onglet apparaît maintenant dans votre barre ainsi qu’un nouvel item dans le panneau des comportements serveur.

reader1

Dans la page où vous souhaitez installer le lecteur, procédez comme suit :

1. Définir la source xml du flux à afficher dans la page
Cliquez sur New RSS Channel ou la petite icône équivalent dans l’onglet. Donnez un nom au flux et renseignez l’URL du flux. Mémorisez le nom du flux qui sera réutilisé.

reader2

2. Préparez le design de l’affichage du flux RSS
Voici le code du design CSS que j’ai créé pour afficher mes propres flux.

La feuille de style :
<style media="screen" type="text/css">
body {
      font: 11px Arial, Helvetica, sans-serif;
      color:#666;
}
ul {
      padding: 0;
      margin: 0 12px;

}
li {
      margin: 7px 0;
      list-style-type:none;
      padding-left: 20px;
      background: url(img/fleche-bleue.png) no-repeat 0 4px;
      line-height:15px;
}

li a {
      color: #000;
      text-decoration:none;
}
li a:hover {
      color: #f60;
      text-decoration:none;
}
#widget {
      border: 1px solid #01B5D5;
      width: 250px;
      overflow: auto;
      height: 350px;
}
.w {
      background-color: #01B5D5;
      color: #fff;
      font: bold 1.4em Georgia, "Times New Roman", Times, serif;
      margin:0;
      padding: 5px 10px;
      width: 232px;
}
.wbis {
     margin: 0;
      background-color: #01B5D5;
      color: #fff;
      padding: 3px 10px;
      width: 232px;
}
</style>

Le code HTML :
<h1 class="w">Dernières infos de monsite.com</h1>
<div id="widget">
<ul>
<li></li>
</ul>
</div>
<h2 class="wbis">Plus d'informations sur <a href="
http://www.monsite.com">www.monsite.com</a></h2>

Attention : l’encodage de votre page doit être UFT-8 pour que le flux s’affiche correctement.

3. Intégrez les variables PHP permettant l’affichage des éléments d’item via le panneau de comportement serveur ou les icônes de l’onglet.

reader3

Pour ma part, je souhaitais la date, le titre, l’auteur, la catégorie. Par ailleurs je ne voulais pas de la date au format « brut » mais un format plus lisible par un internaute français.

J’ai donc du modifier le code comme suit. Pour la date :
$this->pubDates[]=trim(date("d/m/Y",strtotime($this->pubDate)));

Pour les catégories, déclarez la variable $category en haut de page :   
var $category="";
Puis dans la fonction startElement, intégrez la ligne :
$this->category="";
Dans la fonction endElement :
$this->categorys[]=trim($this->category);
Enfin dans la fonction characterData :
case "CATEGORY":
$this->category.=$data;       break;

5. Créez le lien vers le site d’origine via l’élément RSS Item Go to Detail Page du panneau de comportement.

6. Créez une région répétée via l’élément RSS Item Repeated Region du panneau de comportement.

C’est prêt. Il n’y a plus qu’à tester dans votre navigateur !

Catégorie : RSS / XML | Commentaires [12] | Permalien [#] | Tags : ,

Commentaires

    Dreamweaver et RSS

    Bonjour
    j'ai lu avec attention votre article sur comment intégrer un flux rss sous dream mais je ne peux pas débuter le message d'erreur suivant apparait pourriez me dire pourquoi ? Merci d'avance.

    while executing object tag in objchannelconn.htm a javascript error occured

    Posté par fred | 28 octobre 2008 à 19:34
  • Probleme de compatibilité

    Je n'ai pas constaté ce problème mais vu la teneur du message d'erreur, il est peut-être dû à votre version de Dreamweaver ou plus probable encore avec une autre extension déjà installée. Je vous conseille de désinstaller toutes les extensions en ne gardant que celle-ci, de vérifier si cela fonctionne alors, puis si ou de réinstaller les autres extensions au fur et à mesure.
    Vous pourrez ainsi voir si une des extensions est en conflit avec celle-ci...

    Posté par Caroder | 28 octobre 2008 à 19:40
  • Pagination

    Bonjour,
    Je cherche une solution pour poposer une pagination des enregistrements (page 1 | page 2 | page 3).
    Connaissez-vous une astuce ?
    Bravo pour ce super tuto !

    Posté par ludwig | 01 novembre 2008 à 14:00
  • Je vais voir...

    Hélas, je n'ai pas de tuto à proposer pour une pagination hors de celle proposée par Dreamweaver... mais je vais fureter pour voir si je ne trouve pas quelque chose d'intéressant !

    Posté par Caroder | 05 novembre 2008 à 20:20
  • ... Merci

    Yeah ! C'est vraiment sympa...

    Posté par ludwig | 06 novembre 2008 à 08:35
  • Demande de renseignement

    Bonjour, j'ai tout fait comme votre descriptif mais les données ne s'affichent pas. Est ce que cette adresse de flux qui n'a pas une extension xml

    http://www.planete-attitude.fr/profiles/blog/feed?user=0ahocivnodumm&xn_auth=no&key=80352058a413acee8ea59c80d55aa8eb

    Peut convenir ?

    Merci pour votre réponse

    Posté par Didier | 04 décembre 2008 à 15:00
  • Ca me semble parfait !

    Je n'ai pu aller sur votre site qu'aujourd'hui, mais tout semble fonctionner parfaitement !

    Posté par Caroder | 14 décembre 2008 à 07:09
  • XML error

    Bonjour, j'ai installé l'extension, et crée mon flux, tout fonctionne à merveille sur le serveur local mais pas chez mon hébergeur OVH pourtant ils m'ont dit que l'XML était bien activé et j'ai vérifié que les 2 fonctions étaient bien à "On"... je ne comprends pas ! une idée ??
    Merci
    Larentia
    Page : accueil Créateur entreprises/fil info APCE

    Posté par Larentia | 17 avril 2009 à 08:55
  • Attention aux spécificités du serveur Apache

    Bonjour Larentia,

    avez-vous bien vérifié que l'URL de votre flux était correcte en fonction de votre serveur. je vous rappelle qu'Apache est sensible à la casse majuscules/minuscules !

    Posté par Caroder | 19 avril 2009 à 15:58
  • XML error

    Bonjour Caroder,

    voici l'url du flux : $apce= new RSSParser("http://www.apce.com/apce3/syndication/actualite.rss.php","utf-8");

    Voici également l'en-tête de ma page, est ce qu'il ne faut pas rajouter qque chose au niveau du langage XML peut-être ?





    merci pour votre aide.
    Larentia

    Posté par Larentia | 19 avril 2009 à 16:33
  • XML error suite

    bon l'entête n'a pas été prise en compte dans le commentaire précédent :

    Posté par Larentia | 19 avril 2009 à 16:35
  • probleme d'extension de nom de fichier

    Une chose ne me semble pas normale : l'extension du fichier xml est un .php au lieu d'un .xml
    Peut-être l'origine de l'erreur ?...

    Posté par Caroder | 19 avril 2009 à 17:58
 

Poster un commentaire