Insérer un flux RSS sur un site avec RSS Feeds Reader pour jQuery
En cherchant une solution pour intégrer un flux RSS d’un blog WordPress sur un site html, je suis tombé sur  :
RSS Feeds Reader plugin Jquery permet  d’
Intégrer dans vos pages un flux RSS externe
Très simple à installer et à configurer, mon choix c’est porté sur lui, car je ne voulais/pouvais pas faire ça avec PHP.
Ce plugin lit le flux RSS déclaré dans l’URL en utilisant l’API Google Feeds. Le tout avec un HTML structuré, et du CSS pour la mise en forme. Simple et facile à utiliser.
Caractéristiques :
Prise en charge Atom 1.0, RSS 2.0, RSS 1.0 et RSS 0.9x.
Pour les versions de jQuery 1.4, 1.5 et 1.6.
Options :
Précisez le nombre de flux à afficher.
Choisir d’inclure l’en-tête, la date et la description.
Indiquez le titre tag HTML.
Choisir d’utiliser soit une brève description, soit une description complète (si disponible).
Message d’erreur personnalisé.
Accepte les demandes SSL.
Définir la cible pour les liens de flux. (ex : blank)
Supporte les pièces jointes multimédia.
Installation :
D’abord télécharger le fichier ici
Décompresser le fichier (vous aurez alors des exemples via les pages html incluses)
Placer les fichiers .js et .css de l’archive dans un répertoire de votre site (en général js pour les fichiers javascript et css pour les fichiers css)
Ensuite placer dans le head de votre page le code qui va bien (en modifiant les cas échéant pour faire pointer vers le répertoire ou son stocké vos fichiers.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<link href="jquery.zrssfeed.css" rel="stylesheet" type="text/css" /> <script src="jquery.zrssfeed.min.js" type="text/javascript"></script>
Il vous suffit ensuite de copier/coller le code ci-dessous, à l’endroit où vous souhaitez voir s’afficher le flux RSS :
<script type="text/javascript">
$(document).ready(function () {
$('#test').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
limit: 5
});
});
</script>
<div id="test"></div>
Vous devrez aussi, modifier certaines options affichées par défaut, en éditant le fichier « jquery.zrssfeed.min.js », avec votre éditeur.limit = le nombre de flux en retour.
header / si true, affiche l’en-tête. / false = n’affiche pas l’en-tête
titletag / h4 / Indique la balise H (h1, h2, h3…etc).
date / si true affiche la date de parution de l’article.
contenu / si true affiche le contenu de la description du flux.
fragment / si true cela affiche un court extrait de la description (si disponible).
médias / si true affiche les éléments média lorsqu'ils sont disponibles.
ShowError / si true affiche le message d’erreur lorsqu’une erreur est renvoyée par l'API Google
linkTarget / défini la cible (Ex : _blank', '_self', '_top ", framename).Toutes ces options sont visibles dans la première partie du code une fois le fichier éditer.
