Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Dim 11 Déc 2011 - 14:45

Bonjour,
Comme il est écrit dans le titre je cherche à ajouter les nouveautés se trouvant sur le site de swtor on peut cliquer sur flux rss et ils nous indiquent le code suivant :

Code:
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <id>http://www.swtor.com/fr/flux/actualite/tout</id>
  <title>Tout | Star Wars: The Old Republic</title>
  <updated>2011-12-09T01:01:01+00:00</updated>
  <link rel="self" href="http://www.swtor.com/fr/flux/actualite/tout" />
  <link rel="alternate" href="http://www.swtor.com/fr/news" />
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111209</id>
    <title>Évolution de l'Inquisiteur Sith</title>
    <updated>2011-12-09T01:01:01Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Venez découvrir les nombreuses évolutions que vous pourrez choisir pour ce disciple du côté obscur.</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111209" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111209_ip90/inquisitor_131x99.jpg"
      type="image/jpeg"
      length="5569" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111207</id>
    <title>Pré-installez STAR WARS: The Old Republic dès maintenant !</title>
    <updated>2011-12-07T01:01:01Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Ceux qui ont pré-commandé le jeu peuvent télécharger le client du jeu et l'installer avant sa sortie !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111207" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/preload_131x99.jpg"
      type="image/jpeg"
      length="5544" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111203</id>
    <title>Les guildes de pré-lancement sont verrouillées</title>
    <updated>2011-12-03T01:01:01Z</updated>
    <author><name>AlysonBridge</name></author>
    <summary>Les guildes du pré-lancement qui respectent les critères sont désormais prêtes pour le transfert !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111203" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20110921_gpii45/guild_phase_ii_131x99.jpg"
      type="image/jpeg"
      length="5432" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111202</id>
    <title>Choisissez votre camp : Agent vs. Consulaire</title>
    <updated>2011-12-02T03:03:03Z</updated>
    <author><name>AlysonBridge</name></author>
    <summary>Les membres de l'équipe de BioWare débattent sur deux nouvelles classes emblématiques...</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111202_iajc72/chooseyourside03_131x99.jpg"
      type="image/jpeg"
      length="5851" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111202-0</id>
    <title>Le pré-lancement des guildes se termine demain</title>
    <updated>2011-12-02T02:02:02Z</updated>
    <author><name>AlysonBridge</name></author>
    <summary>Voici votre dernière chance de finaliser votre guilde avant le début de l'accès anticipé au jeu !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202-0" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/guildph3_pa_131x99.jpg"
      type="image/jpeg"
      length="5549" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111202-1</id>
    <title>Périphériques de jeu The Old Republic disponibles en pré-commande</title>
    <updated>2011-12-02T01:01:01Z</updated>
    <author><name>AlysonBridge</name></author>
    <summary>Les périphériques Razer inspirés de STAR WARS: The Old Republic arrivent !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111202-1" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/misc/razer/mouse_131x99.jpg"
      type="image/jpeg"
      length="4791" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111201</id>
    <title>Écoutez la musique de The Old Republic</title>
    <updated>2011-12-01T01:01:01Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Écoutez la bande originale de STAR WARS: The Old Republic en attendant son lancement !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111201" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/FBmusic_131x99.jpg"
      type="image/jpeg"
      length="4215" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111125</id>
    <title>Évolution du Jedi Consulaire</title>
    <updated>2011-11-25T01:01:01Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Une nouvelle vidéo présente les différentes évolutions de ce puissant manieur de la Force !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111125" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111125_jc24/consular_131x99.jpg"
      type="image/jpeg"
      length="6247" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111123</id>
    <title>Dernière chance de finaliser votre guilde</title>
    <updated>2011-11-23T01:01:01Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Voici votre dernière chance de finaliser votre guilde avant le début de l'accès anticipé au jeu !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111123" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/na/guildph3_reminder_131x99.jpg"
      type="image/jpeg"
      length="6743" />
  </entry>
  <entry>
    <id>http://www.swtor.com/fr/actualite/article/20111118</id>
    <title>La chute de Martel</title>
    <updated>2011-11-18T02:02:02Z</updated>
    <author><name>CourtneyWoods</name></author>
    <summary>Assistez au combat d'une équipe impériale pour contrôler une station de combat dans cette zone litigieuse !</summary>
    <content src="" type="text/html" />
    <category term="Article" />
    <link rel="alternate" type="text/html" href="http://www.swtor.com/fr/actualite/article/20111118" />
    <link rel="enclosure" href="http://cdn-www.swtor.com/sites/all/files/en/vc/20111111_fph73/hammer_131x99.jpg"
      type="image/jpeg"
      length="5835" />
  </entry>
</feed>

J'aimerais savoir comment l'intégrer sur le portail de mon site en tant que widget, pour que l'on puisse voir l'actualité comme sur le site de swtor ou du moins le plus proche possible avec les images et le texte.

mon forum : http://ordre-nemesis.net
J'ai rajouté le flux sous forme de mini flux mais je ne le veux pas comme celà.


Dernière édition par Rezzert le Mar 20 Déc 2011 - 13:24, édité 1 fois

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Dim 11 Déc 2011 - 14:49

Comme sur se site (disposé de la même façon ou du moins ressamble : http://carnage-swtor.com/web/

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Lun 12 Déc 2011 - 19:42

up

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Adam_sfp le Mar 13 Déc 2011 - 10:42

Bonjour

Il faut trouver un lecteur ou agrégateur de Flux rss.

Par exemple celui ci utilisant jquery.
http://www.zazar.net/developers/jquery/zrssfeed/

et cet exemple qui peut convenir peut être....
http://www.zazar.net/developers/jquery/zrssfeed/example_ticker.html

par contre il n'y a pas les images....

Cordialement.



Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Mar 13 Déc 2011 - 21:52

hum il n'en n'existerais t'il pas un autre ?

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Ven 16 Déc 2011 - 22:30

up

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Ven 16 Déc 2011 - 22:31

Sinon pourriez vous me créer le flux rss avec le site que vous m'avez indiqué car je suis incompétent en anglais.

Coridalement,
Rezzert.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Dim 18 Déc 2011 - 10:49

up

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Adam_sfp le Dim 18 Déc 2011 - 11:29

Bonjour

Pour mettre l'exemple montré plus haut

il faut mettre en place les scripts suivants:

Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed1
-cochez sur toutes les pages collez le code et validez

Code:
(function(h){h.fn.rssfeed=function(q,d,r){d=h.extend({limit:10,header:true,titletag:"h4",date:true,content:true,snippet:true,media:true,showerror:true,errormsg:"",key:null,ssl:false,linktarget:"_self"},d);return this.each(function(s,o){var p=h(o),e="";d.ssl&&(e="s");p.hasClass("rssFeed")||p.addClass("rssFeed");if(q==null)return false;e="http"+e+"://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="+encodeURIComponent(q);d.limit!=null&&(e+="&num="+d.limit);d.key!=null&&(e+="&key="+d.key);
e+="&output=json_xml";h.getJSON(e,function(a){if(a.responseStatus==200){var c=a.responseData,a=d,g=c.feed;if(g){var f="",e="odd";if(a.media){var j=c.xmlString;navigator.appName=="Microsoft Internet Explorer"?(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(j)):c=(new DOMParser).parseFromString(j,"text/xml");j=c.getElementsByTagName("item")}a.header&&(f+='<div class="rssHeader"><a href="'+g.link+'" title="'+g.description+'">'+g.title+"</a></div>");f+='<div class="rssBody"><ul>';for(c=
0;c<g.entries.length;c++){var b=g.entries[c],i;b.publishedDate&&(i=new Date(b.publishedDate),i=i.toLocaleDateString()+" "+i.toLocaleTimeString());f+='<li class="rssRow '+e+'"><'+a.titletag+'><a href="'+b.link+'" title="View this feed at '+g.title+'" target="'+a.linktarget+'">'+b.title+"</a></"+a.titletag+">";a.date&&i&&(f+="<div>"+i+"</div>");a.content&&(f+="<p>"+(a.snippet&&b.contentSnippet!=""?b.contentSnippet:b.content)+"</p>");if(a.media&&j.length>0){b=j[c].getElementsByTagName("enclosure");if(b.length>
0){f+='<div class="rssMedia"><div>Media files</div><ul>';for(var k=0;k<b.length;k++){var l=b[k].getAttribute("url"),m=b[k].getAttribute("type"),n=b[k].getAttribute("length"),l='<li><a href="'+l+'" title="Download this media">'+l.split("/").pop()+"</a> ("+m+", ",m=Math.floor(Math.log(n)/Math.log(1024)),n=(n/Math.pow(1024,Math.floor(m))).toFixed(2)+" "+"bytes,kb,MB,GB,TB,PB".split(",")[m];f+=l+n+")</li>"}f+="</ul></div>"}f+="</li>"}e=e=="odd"?"even":"odd"}f+="</ul></div>";h(o).html(f)}h.isFunction(r)&&
r.call(this,p)}else d.showerror&&(g=d.errormsg!=""?d.errormsg:a.responseDetails),h(o).html('<div class="rssError"><p>'+g+"</p></div>")})})}})(jQuery);

on va mettre le 2ème pour l'animation

Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed2
-cochez sur toutes les pages collez le code et validez

Code:
(function($){

$.fn.vTicker = function(options) {
   var defaults = {
      speed: 700,
      pause: 4000,
      showItems: 3,
      animation: '',
      mousePause: true,
      isPaused: false
   };

   var options = $.extend(defaults, options);

   moveUp = function(obj2, height, paused){
      if(paused) return;
      
      var obj = obj2.children('ul');
      
          first = obj.children('li:first').clone(true);
      
          obj.animate({top: '-=' + height + 'px'}, options.speed, function() {
              $(this).children('li:first').remove();
              $(this).css('top', '0px');
           });
      
      if(options.animation == 'fade') {
         obj.children('li:first').fadeOut(options.speed);
         obj.children('li:last').hide().fadeIn(options.speed);
      }

          first.appendTo(obj);
   };
   
   return this.each(function() {
      var obj = $(this);
      var maxHeight = 0;
      var itempause = options.isPaused;

      obj.css({overflow: 'hidden', position: 'relative'})
         .children('ul').css({position: 'absolute', margin: 0, padding: 0})
         .children('li').css({margin: 0, padding: 0});

      obj.children('ul').children('li').each(function(){

         if($(this).height() > maxHeight) {
            maxHeight = $(this).height();
         }
      });

      obj.children('ul').children('li').each(function() {
         $(this).height(maxHeight);
      });

      obj.height(maxHeight * options.showItems);
      
          var interval = setInterval(function(){ moveUp(obj, maxHeight, itempause); }, options.pause);
      
      if (options.mousePause)
      {
         obj.bind("mouseenter",function() {
            itempause = true;
         }).bind("mouseleave",function() {
            itempause = false;
         });
      }
   });
};
})(jQuery);


et pour finir le troisième script contenant le lien vers le feed

Dans modules gestion des codes javascript
-créer un nouveau javascript
-mettre un nom par exemple feed3
-cochez sur toutes les pages collez le code et validez

Code:
$(document).ready(function () {
   $('#ticker1').rssfeed('http://www.swtor.com/fr/flux/actualite/tout',{}, function(e) {
      $(e).find('div.rssBody').vTicker();
   });

   $('#ticker2').rssfeed('http://feeds.bbc.co.uk/iplayer/highlights/tv',{}, function(e) {
      $(e).find('div.rssBody').vTicker({ showItems: 1});
   });
});


Ensuite à mettre dans votre CSS pour les couleurs taille etc...

Code:
.rssFeed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   width: 250px;
   margin-bottom: 2em;
}
.rssFeed a {
   color: #444;
   text-decoration: none;
}
.rssFeed a:hover {
   color: #000;
   text-decoration: underline;
}

.rssHeader { padding: 0.2em 0; }

.rssBody { border: 4px solid #666; }
.rssRow h4, .rssRow p, .rssRow div {
   margin: 0;
   padding: 0.5em;
}

#ticker1 .odd { background-color: #e8e8fc; }
#ticker1 .even { background-color: #d4d4e8; }

#ticker2 .odd { background-color: #e8fce8; }
#ticker2 .even { background-color: #d4e8d4; }

et pour finir dans votre widget mettre

Code:
<div id="ticker1"></div><div id="ticker2"></div>


Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Lun 19 Déc 2011 - 11:18

Merci beaucoup !

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Lun 19 Déc 2011 - 11:36

J'aurais juste une toute petite question serait-il possible de supprimer la pub qui est compris dans le lot ?

Regardez le dernier flux rss serait-il possible de la supprimer ?

Cordialement,
Rezzert.

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Lun 19 Déc 2011 - 11:37

BBC iPlayer - TV Highlights

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Adam_sfp le Lun 19 Déc 2011 - 14:59

Bonjour

Vous pouvez supprimer cette partie (code du widget)
Code:
<div id="ticker2"></div>

Pour ne gardez que un flux.

Ou l'utilisez pour un autre flux.

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter le flux rss du site de Star wars the old republic sur le portail de mon forum

Message par Rezzert le Lun 19 Déc 2011 - 15:32

Ok merci beaucoup

Rezzert
****

Masculin
Messages : 200
Inscrit(e) le : 13/11/2010

http://sinners.wowjdr.com
Rezzert a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum