Discussion :

[lostsoul]

Bonjour,

Je prépare une petite compile de logiciels libres sur clé USB.
L'interface est en HTML, avec Firefox.

Je voulais savoir s'il était possible, uniquement en Javascript, d'afficher un flux RSS, sur une ligne, et de faire défiler ce flux horizontalement ?

J'ai vu des plugins JQuery ou autres mais avec du PHP. Et pas moyen de trouver un code qui fasse la récupération et le défilement.

Si quelqu'un a une piste svp ?
Merci d'avance,
Très cordialement,

ANDRE Ani

[SpaceFrog]

fais une recherche avec "horizontal news ticker"

[lostsoul]

Bon, je vais essayer jQuery News Ticker, qui est sous licence libre.

Merci.

[lostsoul]

Bonjour,

Raté pour celui-ci, il faut ajouter des trucs pour avoir le RSS situé sur un autre domaine.
Et je ne trouve pas (en libre) de newsticker qui permettent d'afficher un flux RSS, seulement du texte qu'on lui donne.

Cordialement,

ANDRE Ani

[SpaceFrog]

Tu as deux choses dans ton projet
1) recupération du rss
2) le defilement ticker ...

récupérer un rss n'est pas bien sorcier avec jquery ...

[lostsoul]

Oui, mais je pensais qu'il existait déjà quelque chose de tout fait en jQuery, mais je ne trouve pas.
Je ne suis pas trop au top en Javascript, et je n'ai pas envie d'avoir à développer cela moi-même (ça n'en vaut pas vraiment la peine pour mon projet).
Alors tant pis, je crois que je me passerais de cette fonctionnalité.

Merci quand même ;-)
Cordialement,

ANDRE Ani

[SpaceFrog]

http://www.jquerynewsticker.com/

You're in luck! The latest update to jQuery News Ticker introduced support for loading content of an RSS feed via ajax!

[lostsoul]

Oui, j'ai vu, mais comme je l'ai dit dans un autre post, il faut que le flux soit sur le même domaine pour que cela fonctionne.

[SpaceFrog]

heu en général un flux rss est autorisé en crossdomain ...

Et si il ne l'est pas c'est qu'il à de bonne raison de ne pas l'être
du coup ce que tu tentes de faire s'appelle du leeching ...
et tombe sous le coup de l'illégalité.

Sinon tu tu maitrises toues les données, a toi d'autoriser l'accès au flux rss en crossdomain ...

[lostsoul]

It's worth noting at this point that the RSS feed must be on the same domain that the news ticker as jQuery does not allow cross-domain requests.

If you want to use a feed from a different domain you'll need to either implement a server-side solution or use something like a JSON proxy.

[SpaceFrog]

sauf si le serveur distant autorise l'accès crossdomain ...

[lostsoul]

Je ne connaissais pas le leeching...

J'ai essayé à nouveau Jquery News Ticker, mais je n'arrive pas à le faire fonctionner, je dois faire des bêtises...
Il m'affiche juste la liste de lien de l'exemple.

Voila le code que j'ai ajouté à ma page :

dans le head :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<link href="..:jquery_news_ticker/styles/ticker-style.css" rel="stylesheet" type="text/css" />
<link href="../jquery_news_ticker/styles/css/ticker-style.css" rel="stylesheet" type="text/css" />
<script src="../jquery_news_ticker/includes/jquery.ticker.js" type="text/javascript"></script>
<script src="../jquery_news_ticker/includes/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

dans le body :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul id="js-news" class="js-hidden">
    <li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
</ul>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    $(function () {
        $('#js-news').ticker({
		speed: 0.10,
		ajaxFeed: true,
        feedUrl: 'http://feeds.feedburner.com/toolinux',
        feedType: 'xml',
        htmlFeed: false,  
		});
    });
</script>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="..:jquery_news_ticker/styles/ticker-style.css"

[lostsoul]

Je ne trouve pas d'exemple avec ce plugin pour afficher un flux RSS. Je ne sais pas comment faire pour l'afficher.