Bandeau avec liens dynamiques

[photoclic]

Rappel du premier message :

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://photoclic.forum-pro.fr/

Description du problème

Bonjour et tous mes vœux à tous.

Tupac a eu la gentillesse de m'écrire la trame de ce que je souhaitais et je l'en remercie encore:

Code:

<table style="padding: 10px; border: 2px solid #FFCC33; background-color:#00FFCC;" align="center">
                                                                     
  <tbody>
                                                                         
      <tr align="center">
                                                                           
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                             
        </td>
                                                                                               
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" />  <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                                               
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                           
      </tr>
                                           
      <tr align="center">
                                             
        <td colspan="7" style=" border-top: 2px solid #FFCC33;">
                  <a href="http://photoclic.forum-pro.fr/" class="info" target="_blank">Retour au portail</a>                   
        </td>
                                             
      </tr>
                                                                         
  </tbody>
</table>


Dans ce bandeau qui sera affiché sur ma page d'accueil, je souhaiterai y placer les premières photos présentées dans le flux rss du forum Je ne sais pas programmer. Si quelqu'un pouvais m'aider.

[photoclic]

Le widget est visible actuellemnt sur le portail et non sur la page d'accueil et visible par tous.

Bonne nouvelle, je viens de me rendre compte que ça fonctionne sur Mozilla, mais pas sur IE.

Est-il possible aussi en cliquant sur une photo d'accéder au post de la photo comme c'est le cas actuellement?

[no_way]

IE...
Je vais voir ce que je peux faire, mais là je dois aller bosser.

[photoclic]

OK. Un grand merci No-Way pour ce boulot.

Je suis super content.
Reste les 2 points cités plus haut (IE et lien pour accéder au post) et je revois mes mises en page.

[no_way]

Il semblerait qu'en passant par du javascript pur et dur pour l'extraction, IE ne déraille plus, le nouveau code javascript:

Code:

$(function(){
try{
$.getScript('http://illiweb.com/rs3/21/frm//jquery/marquee/jquery.marquee.min.js',function(){
$.get("http://photoclic.forum-pro.fr/feed/?f=1",function(d){
var elements=d.getElementsByTagName('item'),html='';
  for(var i=0;i<elements.length;i++){
    var auteur=elements[i].getElementsByTagName('dc:creator')[0].firstChild.nodeValue;
    var photo=elements[i].getElementsByTagName('description')[0].firstChild.nodeValue.match(/img\s+src=\W?([a-z0-9_:\/\.-]+(jpg|png))/i);
   var lien=elements[i].getElementsByTagName('link')[0].firstChild.nodeValue;
    if(photo[1]){
      html+='<div><a href="'+lien+'" title="Voir le sujet"><img src="'+photo[1]+'" /></a><br />'+auteur+'</div>';
    }
  }
$('#rssEphotos').html(html);
$('#rssEphotos').marquee({
duration: 4000,
delayBeforeStart: 0,
direction: 'left',
duplicated: false,
pauseOnHover:true
})
})})}catch(e){}});

et il faut remplacer le code pour le widget par celui-ci:

Code:

<div id="rssEphotos"></div>

Ce devrait être compatible pour tous les navigateurs à présent, un clic sur la photo renvoie sur son sujet comme demandé.

[photoclic]

T'es un grand chef No-Way. Vraiment merci.

Génial! ça marche sur mon portail sous Mozilla et IE.

J'espère ne pas abuser, juste un dernier truc avant de mettre résolu, est-il possible dans la boucle d'affichage, de limiter le nombre d'image affichées, par exemple aux 20 premières si il y en a plus {sinon toutes} ?

Par ailleurs, j'ai essayé de mettre ce bandeau aussi sur la page d'accueil, en mettant le code <div id="rssEphotos"></div> dans affichage-page d'accueil-généralités;
mais le bandeau se met dans la 1iere catégorie au lieu de se mettre au dessus de "Voir les nouveaux messages depuis votre dernière visite • Voir ses messages • Voir les messages sans réponses"

Est-ce parce que j'ai mis dans mon css pour descendre les widgets:

Code:

 #content-container div#left {margin-top:133px;


Comment faire pour que le bandeau soit bien positionné sur la page d'accueil.

[no_way]

De rien , mais il faut laisser en place le bandeau sur la page d'accueil afin que je puisse constater d'où peut venir le souci.

Pour limiter le nombre d'images, voici le nouveau javascript:

Code:

$(function(){
    try{
    $.getScript('http://illiweb.com/rs3/21/frm//jquery/marquee/jquery.marquee.min.js',function(){
    $.get("http://photoclic.forum-pro.fr/feed/?f=1",function(d){
    var elements=d.getElementsByTagName('item'),html='',nPhotos=0,limitePhotos=20;
      for(var i=0;i<elements.length;i++){
        var auteur=elements[i].getElementsByTagName('dc:creator')[0].firstChild.nodeValue;
        var photo=elements[i].getElementsByTagName('description')[0].firstChild.nodeValue.match(/img\s+src=\W?([a-z0-9_:\/\.-]+(jpg|png))/i);
      var lien=elements[i].getElementsByTagName('link')[0].firstChild.nodeValue;
        if(photo[1]&&nPhotos<limitePhotos){
          html+='<div><a href="'+lien+'" title="Voir le sujet"><img src="'+photo[1]+'" /></a><br />'+auteur+'</div>';
          nPhotos++;
        }
      }
    $('#rssEphotos').html(html);
    $('#rssEphotos').marquee({
    duration: 4000,
    delayBeforeStart: 0,
    direction: 'left',
    duplicated: false,
    pauseOnHover:true
    })
})})}catch(e){}});

[photoclic]

Vraiment top No-Way. Merci beaucoup.

Tout est OK et fonctionne.

Juste un truc curieux. Avec l'adresse du flux "http://photoclic.forum-pro.fr/feed/?f=1", cça marche.
Si je mets à la place en adresse "http://photoclic.forum-pro.fr/feed/?f=4" pour avoir la page phototest ou l' adresse "http://photoclic.forum-pro.fr/feed" ou encore l'adresse "http://photoclic.forum-pro.fr/rss", bin ça ne fonctionne plus.
Alors que si je tape ces adresses directement sur l'explorateur ou sur rssiclude comme avant ça fonctionne.
Si tu as une idée.

Pour le bandeau en page d'accueil, j'ai trouvé; J'avais une ligne dans le CSS qui masquait le bandeau.

[no_way]

Super alors si tu as trouvé par toi-même.
Concernant le script j'avais oublié de faire un test sur la validité du tableau photo, bourde réparée avec le script suivant:

Code:

$(function(){
try{
$.getScript('http://illiweb.com/rs3/21/frm//jquery/marquee/jquery.marquee.min.js',function(){
$.get("http://photoclic.forum-pro.fr/feed/?f=4",function(d){
var elements=d.getElementsByTagName('item'),html='',nPhotos=0,limitePhotos=20;
  for(var i=0;i<elements.length;i++){
    var auteur=elements[i].getElementsByTagName('dc:creator')[0].firstChild.nodeValue;
    var photo=elements[i].getElementsByTagName('description')[0].firstChild.nodeValue.match(/img\s+src=\W?([a-z0-9_:\/\.-]+(jpg|png))/i);
   var lien=elements[i].getElementsByTagName('link')[0].firstChild.nodeValue;
    if(photo&&photo[1]&&nPhotos<limitePhotos){
      html+='<div><a href="'+lien+'" title="Voir le sujet"><img src="'+photo[1]+'" /></a><br />'+auteur+'</div>';
      nPhotos++;
    }
  }
$('#rssEphotos').html(html);
$('#rssEphotos').marquee({
duration: 4000,
delayBeforeStart: 0,
direction: 'left',
duplicated: false,
pauseOnHover:true
})
})})}catch(e){console.log(e)}});

[photoclic]

Bonjour no-way.

Ton dernier code ne marchait pas.

je l'ai comparé à l'avant dernier, et en insérant en ligne 12: nPhotos++; qui se trouvait sur ton script précédent, cela semble fonctionner.

Si c'est bon. C'est résolu ....

[no_way]

Rooh la honte j'ai voulu modifier vite fait et voila que j'oublie l'incrémentation, bien joué il n'y avait que cette ligne de manquante en effet, désolé ^^

[photoclic]

Heureux d'avoir pu corrigé tout seul, je n'y connais pas grand chose en code.

Encore un grand merci à toi. C'est super.

Si tu as le temps......pour mes autres demandes