Corsi on-line

jQuery Feed Reader: leggere gli RSS con jQuery

Vi segnalo un interessante plugin di jQuery che consente, con poca fatica, di aggiungere al proprio sito un box con le news estratte da feed RSS. Il plugin si chiama jQuery Feed Reader ed è basato sui metodi Ajax del framework.
Utilizzare il plugin è molto semplice. Per prima cosa, come di consueto, è necessario includere i riferimenti a jQuery ed al plugin:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="feedreader.js"></script>

All’interno del <body> del documento deve essere presente, ovviamente l’elemento contenitore:

<div id="boxnews"></div>

Dopodichè è necessario instanziare il metodo feedreader(), in questo modo:

<script language="JavaScript" type="text/javascript">
$('#boxnews').feedreader({
  targeturl: 'http://www.mrwebmaster.it/rss/news.xml'
});
</script>

Oltre all’opzione (obbligatoria) targeturl sono disponibili altre due options:

  • items: numero di elementi da mostrare
  • descLength: lunghezza del testo da mostrare

Vediamo un esempio completo:

<script language="JavaScript" type="text/javascript">
$('#boxnews').feedreader({
  targeturl: 'http://www.mrwebmaster.it/rss/news.xml',
  items: 3,
  descLength: 30
});
</script>

Il plugin jQuery Feed Reader può essere scaricato a questa pagina. Questo, invece, è la pagina ufficiale del plugin.

Post correlati
  • Anonimo

    Problema riscontrato: quando vado a scaricare il pacchetto .rar all’ interno c’è solo il file feedreader.js, e non jquery.js perciò il tutto non funziona. Com’è possibile risolvere?

  • Anonimo

    Il file jquery.js puoi/devi scricarlo dal sito ufficiale di jquery oppure puoi linkare il CDN di Google. Guarda a questa pagina: http://docs.jquery.com/Downloading_jQuery

I più letti del mese
Tematiche