Sei in Home page » Prodotti » Opensource » RSSMiniReader, un piccolo componente web per includere RSS esterni

Soluzione integrata di telefonia su internet a banda larga.
Cerca su questo sito:  

Vuoi essere aggiornato in tempo reale su tutto quello che mi succede giorno per giorno?
Visita il mio nuovo blog

RSSMiniReader, un piccolo componente web per includere feed RSS esterni

Current version: 01.00/2009-01-05

RSSMiniReader example reading Slashdog feed

The RSSMiniReader is a small library to generate a small RSS feed reader in HTML. It's feature is that has minimum file requirements but however have some nice effects like rounded boxes, fadeIn effects and images feed.

So, uploading very few files, you can simply include external RSS/ATOM feed in your web pages.

This component is built by three files and you html page. The three files are a javascript library that do all the job to build the component, a CSS stylesheet to graphically format the reader and a server side script to proxy RSS feed request from this component and the external site where RSS feed is located. This last element is required to avoid javascript domain restriction for accessing an external domain from another domain.

Installation

To install this component, first of all, download it. You can download the stable release in zip or tar.bz2 format and unzip or untar in a folder. As an alternative, you can download a development version directly via SVN

svn co https://svn.micso.net:666/bruni/Web/RSSMiniReader/trunk/ RSSMiniReader-SVN

After that, you are ready to copy files to your web space. First of all, copy javascript libraries.

RSSMiniReader uses some jQuery library like

If you have one ore more of these library already embedded in your web pages, use lib/RSSMiniReader.js and your missing libraries in lib/jquery/. If you don't use jquery at all or you don't know what it's, use lib/RSSMiniReader-full.js.

Copy this library in a location in your web space, say /lib/.

Copy the CSS file css/RSSMiniReader.css in a location in your web space, say /css/.

Copy proxy.php or proxy.pl in a web folder. Choose the first if you have PHP support or the latter if you have Perl support in your web hosting.

So suppose you now have this folder structure

folder structure

Open proxy.php and modify/delete url entries. As an example, if you wish to use RSSMiniReader only to capture slashdot.org feed, remove $url[1] and $url[2] rows and change $url[0] row as follow

<?php

/* Change only these urls */
/* It's not dynamic to avoid open proxy usage */

$url[0] = 'http://rss.slashdot.org/Slashdot/slashdot';


header('Content-type: text/xml'); print getFeed($url[$_GET['urlid']]) ...

Save and close proxy.php. Now open your_web_page.htm and include RSSMiniReader main library in HMTL head section and its CSS

<HTML>
<HEAD>
...
<script type="text/javascript" src="/lib/RSSMiniReader.js"></script>
<link href="/css/RSSMiniReader.css" rel="stylesheet" type="text/css" />

...

Then, inside BODY page, add a DIV tag and give it an unique ID. After it, write code to create component inside the DIV element

...
<div id="an_unique_id"></div>
<script>new RSSMiniReader('an_unique_id','proxy.php?urlid=0')</script>
...

The result should be something like the image at the top-right.

Download

Download in .zip format

Download in .tar.bz2 format

License.

Copyright (c) 2009 Emiliano Bruni <info AT ebruni.it>. All rights reserved. This library is released under the GNU LESSER GENERAL PUBLIC LICENSE v.3
JavaScript Menu Courtesy of Milonic.com



Commenti
Lascia un commento

Nome e Email sono obbligatori (l'email non verrą mostrato). L'URL č opzionale. I commenti non appariranno subito in quanto sono sottoposti a moderazione.

Sono accettati questi TAG: <A>, <STRONG>, <B>, <EM>

ome
1.alessiofbt il 2009-12-23 01:59:16 ha scritto:

waooo

finalmente un lettore per i feed remoti valido

Davvero straordinario ;)

2.Hans il 2010-01-29 10:46:53 ha scritto:

That“s what ia was searching for.
I have got 2 Pages - a Wordpress-Blog - there is rss no problem, but on my html-Site it was.
Thanks

3.Markus il 2010-06-02 19:43:32 ha scritto:

How can i get Images from wordpress Feed? I only get title, Link and Description .what can i do?

4.Sandra il 2010-06-22 09:47:11 ha scritto:

It works fine. sing the jQuery library you can make perfect grapgic effects. Today the size of the libery is not interesting anymode:-)

5.web development il 2010-07-06 11:22:49 ha scritto:

I am reading for the first time about RSSMiniReader now, but I am really interested in it. The best thing about it is that it is small. All the components that I have used before were generating huge RSS feed readers and even not in HTML. Thanks for the installation guide too. I am not so strong in it so it was definitely useful for me. I will be waiting for more useful articles from you in the future too.

6.custom term papers il 2010-12-23 16:41:36 ha scritto:

The same problem as Marku`s one. Didn`t get image. Please tell what to do and how to work now...

7.avi to mp4 il 2011-02-15 23:03:08 ha scritto:

It seems that RSSMiniReader is really a great thing. I have never heard anything about it before but now I will definitely try it for external RSS feed on my website. Thanks for posting this one here and keep publishing such a great stuff in the nearest future too.

8.cheap papers il 2011-03-28 19:39:48 ha scritto:

the tutorial was really helpful for me and my co-workers, hope everyone understnads the real deal about it

9.Billy McKee il 2014-03-25 17:17:23 ha scritto:

Very helpful - works a treat on my personal in-house home page which contains useful links, weather in various places of interest eg snow reports at ski resorts etc. Thank you.

 Copyright© 1997-2006 Emiliano Bruni Online dal 16/08/1998 con visitatori Scrivimi all'indirizzo: