Bandeau avec liens dynamiques

Page 2 sur 2 Précédent  1, 2

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

Résolu Bandeau avec liens dynamiques

Message par photoclic le Mer 30 Déc 2015 - 12:15

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.



Dernière édition par photoclic le Dim 31 Jan 2016 - 1:42, édité 3 fois

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Ven 29 Jan 2016 - 12:27

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?

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way le Ven 29 Jan 2016 - 12:47

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



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Ven 29 Jan 2016 - 12:52

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.

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way le Sam 30 Jan 2016 - 1:54

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/rs4/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é.



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Sam 30 Jan 2016 - 8:43

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.

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way le Sam 30 Jan 2016 - 11:11

De rien Smile, 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/rs4/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){}});



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Sam 30 Jan 2016 - 13:48

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.


photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way le Sam 30 Jan 2016 - 14:17

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/rs4/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)}});


Dernière édition par no_way le Dim 31 Jan 2016 - 1:37, édité 1 fois



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Sam 30 Jan 2016 - 15:16

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 .... cheers

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way le Dim 31 Jan 2016 - 1:39

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é ^^



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic le Dim 31 Jan 2016 - 1:42

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 Rolling Eyes

photoclic
*****

Masculin
Messages : 524
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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