[PHPBB3] Miniatures sur profil

Hello Serge,

juste pour mon information,
après l'information "Messages", tu n'as plus rien ?
Et tu dois avoir un script pour les ajouts dans cette partie

Bonsoir Philippe,

Merci pour la prise en compte de cette demande.

Le script pour les ajouts est d'Hélène de mémoire:

Code:


//Affichage messages postés par les membres détails ds profil - ttes pages
$(function(){
      if($('fieldset.stats-field').length) {
      $('a[href^="/spa/"]').closest('li').attr( 'id', 'Nep_UserPosts');
      var url = $('a[href^="/spa/"]').attr('href');
     
     
$('<li id="Nep_phototest"><label><a rel="nofollow" href="'+url+'&search_where=f19">-> Messages dans : Les Best-Reportages et séries</a></label></li>')
          .insertAfter('li#Nep_UserPosts');

$('<li id="Nep_phototest"><label><a rel="nofollow" href="'+url+'&search_where=f5">-> Messages dans : Reportages-séries au long cours</a></label></li>')
.insertAfter('li#Nep_UserPosts');
$('<li id="Nep_phototest"><label><a rel="nofollow" href="'+url+'&search_where=f1">-> Messages dans : Les Best</a></label></li>')
.insertAfter('li#Nep_UserPosts');
$('<li id="Nep_phototest"><label><a rel="nofollow" href="'+url+'&search_where=f4">-> Messages dans : Phototest</a></label></li>')
    .insertAfter('li#Nep_UserPosts');

        };
        });


Le bas de page "Statistiques":

Spoiler:

Après Messages, il y a Informations.

Merci Serge,

tu ne préfères pas déposer dans la partie "Sujets" et
juste après déposer ce que tu souhaites ?
Car actuellement tu le mentionnes dans les messages mon ami , est-ce réellement ton souhait ?

Edit:

il serait même judicieux de déposer ce dernier en dernier car j'ai bien peur que mon script rentre en conflit avec celui d'Hélène.

Re Phil,

Tu verrais cela où dans les sujets stp?

Sinon l’idéal ce serait là:

Spoiler:

photoclic a écrit:
Re Phil,

Tu verrais cela où dans les sujets stp?

Il me semble Serge,

permettant de voir les photos postées par le membre dans un forum donné.

tu désires avoir les photos sur des sujets qu'il a créé?

Pour l'onglet, il faut oublier Serge

Comme dit la haut Phil ce serait les photos postées dans le forum /f4.

Comme tu m'as fait ici avec le lien sous l'avatar:
https://www.milouze14.com/t32526-resoluphpbb3-bouton-photos-dans-phototest

Mais là ce serait dans le profil.
Je ne vois pas bien où mettre ce lien dans la liste des sujets où cela sera répété plusieurs fois (si c'est à côté du titre du sujet).

Et en fonction de la façon dont cela se présente, j'y mettrais peut-être toutes les photos des forums de la catégorie C2.

Milouze14 a écrit:
tu désires avoir les photos sur des sujets qu'il a créé?

Oui, c'est bien cela Philippe.

Hello Serge,

Et en fonction de la façon dont cela se présente, j'y mettrais peut-être toutes les photos des forums de la catégorie C2.

Hum, ce ne sera plus le même script Serge et tu auras une requête de plus .
Est-ce ton souhait ?

Re Serge,
alors voici ma première mouture et qui pour moi est la meilleure car on a l'information et au clic on affiche les photos du membre avec le lien si c'est la première photo du message.
Tout cela sera affiché à la fin du profil Serge et c'est volontaire de ma part.
Il faut penser au script d’Hélène qui va rechercher aussi des informations et ajouter des liens.

Tu pourra éventuellement modifier la variable de la recherche du forum ici:
Modifies le chiffre 4 si besoin.
Attention car tu me demandes sur un forum(f4) , je vois que tu as changé d'avis (éventuellement sur toute une catégorie) et le script ne sera plus le même.

Code:

var where="&search_where=f4";

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.

Coches sur toutes les pages.


Déposes ceci:

Code:


$(function(){
$('div[id="profile-advanced-layout"]').each(function(){
var test=$('fieldset.stats-field').length;
if(test)
{
var where="&search_where=f4";
var pseudo=$(this).next().find('.module:first').find('div.h3 span strong').text();
  
var stuser=$(this).find('div[id="profile-advanced-details"]').find('a[href^="/st/"]').attr('href');
$(this).find('div[id="profile-advanced-details"]').find('.corners-bottom:first').before('<fieldset class="stats-field genmed M14_lastChild"><legend>Photos</legend><ul><li><label><div class="M14_get_pictures_member">Voir les photos de '+pseudo+'</div></label></li></ul></fieldset><fieldset id="M14_reCepT_fieldset"class="stats-field genmed"><legend>Résultat:</legend><ul><li><label><div class="M14_get_pictures_member_import"></div></label></li></ul></fieldset>');
$('.M14_get_pictures_member').click(function(){
$.get(stuser+where, function(data){
$(data).find('a.topictitle').each(function(){
var link=$(this).attr('href');
var text=$(this).text();
$.get(link, function(data){
var src=$(data).find('.content:first div:not(.M14_reception_photos):first img:not([longdesc]):first').attr('src');
 if(src)
 {
$('.M14_get_pictures_member').closest('fieldset').next().show();
$('.M14_get_pictures_member_import').append('<a href="'+link+'" title="Voir la photo postée par '+pseudo+'"><img src="'+src+'"/></a>');  
 }
});});});});

}
});


});


Penses a cliquer sur le bouton


Puis la c.s.s:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


/*LA DIV RECEVANT LES PHOTOS*/
.M14_get_pictures_member_import
{
width:100%;  
}
/*ON REDUIT LA DIMENSION DES IMAGES*/
.M14_get_pictures_member_import img
{
width:48px;
height:48px;
margin:2px;
}
/*ON CACHE LE BLOC RECEVANT LES PHOTOS*/
#M14_reCepT_fieldset{display:none;}




Penses a cliquer sur le bouton

Bonjour Philippe,

Ton script marche à merveille, encore une pépite Phil
L'affichage à la fin du profil est parfait.

Juste le css à compléter avec la couleur du lien, et un cursor:pointer à mettre peut-être dans le css.

Tu vas hurler, mais j'aimerais bien voir le script avec les images de toutes les catégories

Bonsoir Serge,
il suffit de modifier la partie de recherche dans le script:

Code:

var where="&search_where=f4";

Modifier le f4 par la catégorie (exemple c2 )
Mais j'ai bien l'impression que ce n'est pas ce que tu souhaites!!!!

Bonsoir Philippe,

Tu avais essayé cela dans les scripts précédents, mais cela ne prenait qu'un nombre de photos correspondant à 1 page, et c'est pareil ici.

Peut-être faut-il répéter le script pour les 5 forums de cette catégorie, mais je ne vois pas comment mettre toutes les photos dans la même div.

Bon, je vais regarder tout çà Serge .

Oh, vraiment sympa ça Phil

Voilà le script Serge avec un petit plus, mais je te laisse découvrir.
Il n'y a rien a modifier point de vue css sauf peut être
adapter si il y a plus de photos.

Il faut juste renseigner la catégorie ici entre les simples guillemets:
J'ai volontairement espacé pour ne pas commettre d'erreur.

Code:

$.get('    /c1-categorie-1  ', function(data){

Voici le script:

Code:

$(function(){
    $('div[id="profile-advanced-layout"]').each(function(){
    var test=$('fieldset.stats-field').length;
    if(test)
    {
    var pseudo=$(this).next().find('.module:first').find('div.h3 span strong').text();
    var stuser=$(this).find('div[id="profile-advanced-details"]').find('a[href^="/st/"]').attr('href');
    $(this).find('div[id="profile-advanced-details"]').find('.corners-bottom:first').before('<fieldset class="stats-field genmed M14_lastChild"><legend>Photos</legend><ul><li><label><div class="M14_get_pictures_member">Voir les photos de '+pseudo+'</div></label></li></ul></fieldset><fieldset id="M14_reCepT_fieldset"class="stats-field genmed"><legend>Résultat: <span></span></legend><ul><li><label><div class="M14_get_pictures_member_import"></div></label></li></ul></fieldset>');
    $('.M14_get_pictures_member').click(function(){
     
    $.get('/c1-categorie-1', function(data){
    $(data).find('dd.dterm').find('a.forumtitle').each(function(){
    var linkCat=$(this).attr('href');
   
     
    $.get(linkCat, function(data){
      $(data).find('dd.dterm').find('a.topictitle').each(function(){
    var linktopic=$(this).attr('href');
       
    var text=$(this).text();
    $.get(linktopic, function(data){
    var src=$(data).find('.content:first div:not(.M14_reception_photos):first img:not([longdesc]):first').attr('src');
 
     
    if(src)
    {
    $('.M14_get_pictures_member').closest('fieldset').next().show();
    $('.M14_get_pictures_member_import').append('<a href="'+linktopic+'" title="Voir la photo postée par '+pseudo+' pour le sujet : '+text+'"><img src="'+src+'"/></a>'); 
var number=$('.M14_get_pictures_member_import').find('img').length; 
      $('#M14_reCepT_fieldset legend span').text(number);
    }
    });});});});
    });});

    }
    });});

Super, merci Phil.

C'est en place sur mon fofo.
Bien vu le comptage des photos.

J'ai l'impression qu'il y a des photos prises dans les annonces et notes et aussi des .png.
Il y a aussi des photos qui n'appartiennent pas au pseudo concerné.

Ah je crois avoir mal renseigné le forum.

j'essaie à nouveau et je reviens ....

Le forum est bien renseigné cette fois.

Mais j'ai bien les soucis pré-cités.
Il manque aussi dans le title, le nom du sujets absent sur certaines photos.

Hello Serge,

J'ai l'impression qu'il y a des photos prises dans les annonces et notes et aussi des .png.

Ben on importe bien toutes le s première photos non?
Ensuite, effectivement le pseudo n'est pas filtré, un oubli de ma part.
De toutes façons Serge, si on revient a filtrer on obtient l’identique de ce que je disais ici:
https://www.milouze14.com/t32531-phpbb3-miniatures-sur-profil#619600

Bonjour Philippe

J'espère que tu vas bien.
Es-tu confiné en ce moment,ou travailles-tu quand même?

Pour le dernier script:
Il y a plusieurs photos importées qui ne sont pas celles de l'auteur.
Il y a aussi un .png posté dans une note qui ne devrait pas être là me semble-t-il.

Spoiler:

Si pas possible de faire autrement, tant pis Philippe; je resterais sur ton 1ier script.

Re Serge,

alors oui effectivement, je vais regarder cela de plus près pour filtrer les speudos, j'étais resté sur l'ancienne version.

Il y a aussi un .png posté dans une note qui ne devrait pas être là me semble-t-il.

Ensuite, tu n'as pas demandé de filtrer les liens d'image png !!!!!!!!!!!!!

Bonsoir Philippe,

Désolé pour les png, j'étais persuadé que c'était pareil que les smileys.
Ces  png on ne les trouve que dans les annonces et notes que je croyais filtrées aussi.
Sinon, je peux mettre ces png dans les smileys et les utiliser en tant que tel.

Re Serge,

Désolé pour les png, j'étais persuadé que c'était pareil que les smileys.

Un smileys peut avoir l'extension gif,png etc...

Ces png on ne les trouve que dans les annonces et notes que je croyais filtrées aussi.

Tu ne devrais plus être ennuyé.

ce script doit être fonctionnel concernant l'auteur et tu ne devrais plus avoir d'autre membre.
Les annonces notes ne doivent plus être prises en compte.

Code:

$(function(){
    $('div[id="profile-advanced-layout"]').each(function(){
    var test=$('fieldset.stats-field').length;
    if(test)
    {
    var pseudo=$(this).next().find('.module:first').find('div.h3 span strong').text();
    var stuser=$(this).find('div[id="profile-advanced-details"]').find('a[href^="/st/"]').attr('href');
    $(this).find('div[id="profile-advanced-details"]').find('.corners-bottom:first').before('<fieldset class="stats-field genmed M14_lastChild"><legend>Photos</legend><ul><li><label><div class="M14_get_pictures_member">Voir les photos de '+pseudo+'</div></label></li></ul></fieldset><fieldset id="M14_reCepT_fieldset"class="stats-field genmed"><legend>Résultat: <span></span></legend><ul><li><label><div class="M14_get_pictures_member_import"></div></label></li></ul></fieldset>');
    $('.M14_get_pictures_member').click(function(){
     
    $.get('/c1-categorie-1', function(data){
    $(data).find('.dterm').find('a.forumtitle').each(function(){
    var linkCat=$(this).attr('href');
$.get(linkCat, function(data){
      $(data).find('.forumbg:not(.announcement)').find('dd.dterm').find('a.topictitle').each(function(){
        var userpseudo=$(this).closest('dd').find('span.span-tab a[href^="/u"] strong').text();
     
if(pseudo==userpseudo)
{
    var linktopic=$(this).attr('href');
}       
    var text=$(this).text();
    $.get(linktopic, function(data){
      var src=$(data).find('.content:first div:not(.M14_reception_photos):first img:not([longdesc]):first').attr('src');
 
     
    if(src)
    {
    $('.M14_get_pictures_member').closest('fieldset').next().show();
    $('.M14_get_pictures_member_import').append('<a href="'+linktopic+'" title="Voir la photo postée par '+pseudo+' pour le sujet : '+text+'"><img src="'+src+'"/></a>'); 
var number=$('.M14_get_pictures_member_import').find('img').length; 
      $('#M14_reCepT_fieldset legend span').text(number);
    }
    });});});});
    });});

    }
    });


    });