[BESTOF] [PHPBB3]Les photos à partir de l'ID d'un membre

Ah bin si tu mets des trucs factices alors

Merci Phil pour ta ténacité.

@photoclic a écrit:
Ah bin si tu mets des trucs factices alors

Merci Phil pour ta ténacité.

Je te taquine

Hum, un petit cadeau Serge,

On va soulager ton fofo mon ami et créer une page html en cochant le haut du forum.
Ensuite déposes ce contenu:

Code:


<style>
input.M14_search_pictures,input.M14_go
{
margin:6px;
background-color:black !important;
border: none !important;
color:white!important;
padding: 6px;
}
div.Number{float: right;width: 30px;height:30px;background-color:black;color:#20aec8;margin-top: 15px;border-radius: 30px;text-align: center;margin-right: 30px;}
div.Number span{position: relative;top: 7px;}
  
  div.Import_liste{width:900px;}
.Import_liste img{width:48px;height:48px;margin:2px;}
div.Bloc_recherche
{
border: 2px solid black;
width: 80%;
height: 60px;
background-color:#20aec8;
}
 


</style>





<script>
  $(function(){
  var value=$('input[class="M14_search_pictures"]').val();
  var ST="/st/";
  var inpufofo="&search_where=f3";
if (value.value!="")
{
  
$.get(ST+value+inpufofo, function(data){  
$(data).find('h2.topic-title a.topictitle').each(function(){
var Linktopic=$(this).attr('href');
$.get(Linktopic, function(data){
var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
var src=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').attr('src');
if(src)
{
$('.Import_liste').append('<a href="'+Linktopic+'"><img src="'+src+'"/></a>');
var number=$('.Import_liste').find('img').length;
  $('.Number').html('<span>'+number+'</span>');
}

});});});
  
  }
$('input[class="M14_go"]').click(function(){location.reload();});  
  
  });
</script>
<div class="Bloc_recherche">
  <input class="M14_search_pictures" type="text"value=""placeholder="Nom du pseudo"/>
  
  <input class="M14_go" type="submit" value="Chercher"/>
  <div class="Number"><span>0</span></div>
</div>
<div class="Import_liste"></div>


Tapes le pseudo d'un de tes membres dans le champ ayant
l'attribut placeholder "Nom du pseudo" et cliques ensuite sur "Chercher".

Changes le numéro du forum pour les recherches ici:

Code:

 var inpufofo="&search_where=f3";

Avec un bouton reset:

Code:

<style>
input.M14_search_pictures,input.M14_go,.M14_reset
{
margin:6px;
background-color:black !important;
border: none !important;
color:white!important;
padding: 6px;
}
  .M14_reset{width:120px;text-align:center;}
div.Number{float: right;width: 30px;height:30px;background-color:black;color:#20aec8;margin-top: 15px;border-radius: 30px;text-align: center;margin-right: 30px;}
div.Number span{position: relative;top: 7px;}
 
  div.Import_liste{width:900px;}
.Import_liste img{width:48px;height:48px;margin:2px;}
div.Bloc_recherche
{
border: 2px solid black;
width: 80%;
height: 60px;
background-color:#20aec8;
}
 


</style>





<script>
  $(function(){
  var value=$('input[class="M14_search_pictures"]').val();
  var ST="/st/";
  var inpufofo="&search_where=f3";
if (value.value!="")
{
 
$.get(ST+value+inpufofo, function(data){ 
$(data).find('h2.topic-title a.topictitle').each(function(){
var Linktopic=$(this).attr('href');
$.get(Linktopic, function(data){
var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
var src=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').attr('src');
if(src)
{
$('.Import_liste').append('<a href="'+Linktopic+'"><img src="'+src+'"/></a>');
var number=$('.Import_liste').find('img').length;
  $('.Number').html('<span>'+number+'</span>');
}

});});});
 
  }
$('input[class="M14_go"]').click(function(){location.reload();}); 
$('.M14_reset').click(function(){
  $('input.M14_search_pictures').val('');
  $('.Import_liste').html('');
  $('.Number').html('<span>0</span>');
 
  });
  });
</script>
<div class="Bloc_recherche">
  <input class="M14_search_pictures" type="text"value=""placeholder="Nom du pseudo"/>
 
  <input class="M14_go" type="submit" value="Chercher"/>
  <div class="Number"><span>0</span></div><br />
 
</div>
<div class="Import_liste"></div>
 <div class="M14_reset">Effacer</div>

Oh tu me gâtes Phil.

Alors c'est en place.

Quand je rentre un pseudo, ça ne trouve pas de photos.


Je vais essayer de créer un bouton pour accéder à la page.

J'ai changé le numéro de forum 3 par 4 et tapé ce pseudo:
chassefoudre

Et tout fonctionne Serge.

Je n'ai pas la main verte.

ça marche avec chassefoudre mais pas avec Sergeot

Hum Serge,
dans la liste des membres tu as aussi Sergeot et il n'a pas de photo non plus

Bizarre ça.
Pourtant il y a bien des photos de sergeot postées.

Un JS qui masquerait ses photos?

tu as des liens sur le forum F4 pour ce membre Serge?

Un lien de la dernière photo postée par sergeot sur F4:
https://photoclic.forum-pro.fr/t21640-noir_et_blanc-ca-presse#

(Alors sergeot sur mon fofo c'est moi :-)

Je me suis douté pour le pseudo Serge .
Alors je pense que cela doit être du au exif car pour une photo, çà génère ce code html :

Code:

<a href="https://servimg.com/view/19323701/920" target="_blank" rel="nofollow"><center class="M14_none">1</center><div class="exif"><div class="info-exif"><table><tbody><tr><td>Exif:  Ouverture</td><td>f/2</td></tr><tr><td>Correct. Expo</td><td>-0.67</td></tr><tr><td>Vitesse</td><td>1/35 sec</td></tr><tr><td>ISO</td><td>640</td></tr><tr><td>Focale</td><td>23 mm</td></tr><tr><td>APN</td><td>X-T30</td></tr></tbody></table></div></div><img src="https://i.servimg.com/u/f31/19/32/37/01/dscf8311.jpg" alt="Voir image postée" class="M14_copie" title="Cliquer pour voir l'image postée ou le diaporama si plusieurs photos" style="display:inline"><br></a>


Ce code doit être généré pour toutes les photos où il y a des exifs normalement, comme ici par exemple pour un autre membre:
https://photoclic.forum-pro.fr/t21646-portraits-couleur-d-or#

Hum,
c'est identique pour le Pseudo:Ma_Poule
Le script qui génère ce codage doit bloquer les accès Serge.
J'ai même tenté de mettre une condition sur ta page html pour prendre
ces photos mais que nini !!!!!!!

Aïe, ennuyeux ça.
Le script des exifs est un script d'Arnaud...

Bin là, je n'ai aucune photo y compris pour le membre chassefoudre.

Je viens de modifier la page html et pour tous les pseudos çà fonctionne même avec les exifs sauf pour ton pseudo Serge!!!!!!!

Tu dois avoir un truc qui bloque quelque part mais ou!!!

C'est génial Philippe!

Je me demande si ce n'était pas pour la même raison que ton script précédent bloquait aussi.

S'il n'y a que mon pseudo, pas grave, j'essaierais de trouver pourquoi mon fofo m'en veut.

C'est possible Serge,


tu as ceci dans ta feuille de style:

Code:

  /*transforme un pseudo definie par id dans la chatbox a gauche- 142 Sergeot*/
 span [class="chatbox-username chatbox-user-username"][data-user="142"]{
        background-image: url(https://www.bloggif.com/img/glitter/2221.gif)!important;
        background: #ccc;
        border: 2px solid #fff;
        border-radius: 10px 25px/25px 10px;-moz-border-radius: 10px 25px/25px 10px;-webkit-border-radius: 10px 25px/25px 10px;
        padding: 0px 5px 0px 5px;
        box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;
    }


Ton id y figure

Code:

[data-user="142"]

c'est normal que sur l'index de ton forum sur le menu déroulant "Mon menu" qu'il y ait un champ Null ????

Non pas normal.

Je suis en train d'essayer d'y mettre le nouveau bouton que je viens de créer et ça ne marche pas....

Je crois que j'ai une syntaxe que le script n'aime pas...
Mais comme dit Philippe, c'est un autre sujet.

Je suis en train d'essayer d'y mettre le nouveau bouton que je viens de créer et ça ne marche pas....

C'est à dire Serge?

Je crois que j'ai une syntaxe que le script n'aime pas...
Mais comme dit Philippe, c'est un autre sujet.

Ben vi, c'est que l'entraide est pas très fréquentée en ce moment, alors .

Jen profite alors :-)

Alors le bouton c'est "Photos membre"

Le fait que ce soit un mot composé peut-être.

j'ai mis photos sinon la variable n'est pas prise en compte.
On voit le débutant là....

Le script du menu:

Code:


//Barre navigation avec menu déroulant ttes pages
$(function(){
  if (_userdata["user_id"] >= (0)){
$('.navbar').find(' ul.linklist.navlinks:first').each(function(){
  //LE TITRE DU BOUTON
var titre="Mon menu";
  // L INFOBULLE
var infobulle="Déroulez le menu";
  //L IMAGE DU BOUTON
var icone="https://2img.net/i/fa/empty.gif";
var background=$('.navbar').css('backgroundColor');
var color=$('.navbar').find('a.mainmenu').css('color');
var profil=$(this).find('a[href="/profile?mode=editprofile"]').closest('li').hide().html();
var membre=$(this).find('a[href="/memberlist"]').closest('li').hide().html();
var photos=$(this).find('a[href="/h22-photos-d-un-membre"]').closest('li').hide().html(); 
var Newsletters=$(this).find('a[href="/news"]').closest('li').hide().html();
var calendrier=$(this).find('a[href="/calendar"]').closest('li').hide().html();
var faq=$(this).find('a[href="/faq"]').closest('li').hide().html();
var alertes=$(this).find('a[href="/h1-alertes-en-live/#bottom"]').closest('li').hide().html(); 

  if(alertes)
  {
$(this).find('li:last').before('<li class="M14_toogle_Li"><a class="mainmenu M14_menu"style="color:'+color+';"title="'+infobulle+'"><img src="'+icone+'"/>'+titre+'</a><ul class="M14_ul"style=""><li>'+profil+'</li><br /><li>'+membre+'</li><br /><li>'+photos+'</li><br /><li>'+Newsletters+'</li><br /><li>'+calendrier+'</li><br /><li>'+faq+'</li><br /><li>'+alertes+'</li><br /></ul></li>');
  } 
  else
  {
$(this).find('li:last').before('<li class="M14_toogle_Li"><a class="mainmenu M14_menu"style="color:'+color+';"title="'+infobulle+'"><img src="'+icone+'"/>'+titre+'</a><ul class="M14_ul"style=""><li>'+profil+'</li><br /><li>'+membre+'</li><br /><li>'+photos+'</li><br /><li>'+Newsletters+'</li><br /><li>'+calendrier+'</li><br /><li>'+faq+'</li><br /></ul></li>');
  } 
$('li.M14_toogle_Li').click(function(){
$(this).find('ul').slideToggle();
});});   
}});


Le menu est fonctionnel Serge, un espace de trop et hop..

Pétard, il était où cet espace .....

Dis Phil, ton html fonctionne parfaitement (sauf sergeot, mais je chercherais plus tard) sur Mozilla, mais rien à faire sur chrome et sur microsoft edge. Bizarre non?

C'était juste une bricole Serge, ah merdouillle je vais rechercher la cause sur les autres navigateurs.

Sur les 2 autres navigateurs le pseudo de la recherche disparait...

J'ai longuement cherché d'où pouvait venir le dysfonctionnement pour sergeot en retirant les JS, le css etc. sans succès.

Et en cherchant pourquoi ça ne marche pas avec le pseudo sergeot, je me suis rendu compte que quand je vais dans le profil de Sergeot- Statistiques-Trouver les messages postés par sergeot il y a une anomalie d'affichage.

Le script responsable de cette anomalie est celui-ci:

Code:


//Tag modérateur  avec bouton sur éditeur avec message pour commenter photos  
    $(function(){
             if($('.M14_solved').length) {
             $('.M14_solved').each(function(){
          
    $(this).closest('.post,.module').addClass(' M14_Tag_Moder').removeClass('online');
    $('.M14_Tag_Moder').prev().addClass('M14_Tag_Prev');
    $('.M14_Tag_Moder .postNumberContainer,.M14_Tag_Moder .blog_comment-avatar,.M14_Tag_Moder div[id^="profi"],.M14_Tag_Moder h2.topic-title,.M14_Tag_Moder .signature_div').remove();
    $('.M14_Tag_Moder ul.profile-icons').find(' li').hide();
    $('.M14_Tag_Moder  a[href$="mode=delete"]').closest('li').show();
              
    $('.M14_Tag_Moder .author').html('<div style="color:#AA0000;text-align:center;font-size:14px;"><img src="https://i.servimg.com/u/f58/18/97/96/21/mess11.png"style="display: inline-block !important;margin-top: 15px; vertical-align: -12px;"/><span style="margin-left:5px;">Forum Photoclic </span></div>');

    $('.M14_Tag_Prev .inner div:first').css({'position' : 'relative','top':'-50px','width' : '1px'});
    $('.M14_Tag_Prev .topic-title a,.M14_Tag_Prev  .blog_comment-title a').get(0).click();                                      
            });
              };
          
              if (_userdata["user_id"] < (0)){
              $('.post.M14_Tag_Moder').remove();
              }        
            });
    

D'après la console, le get(0) crée une erreur.

J'ai donc retiré ce script. Je n'ai plus d'anomalie d'affichage.

Mais malgré cela toujours pas de photos pour sergeot

Hello Serge,
merci pour ce retour, de mon côté, je cherche une autre méthode se rapprochant de la précédente car l'actuelle n'est pas fonctionnelle.

Bonjour Philippe,

J'ai poursuivi mes recherches.
J'ai enfin trouvé pour le pseudo sergeot.
En fait tous mes posts démarrent par un smiley, donc la photo est seconde dans le message et ce smiley est vu comme la première image.
J'ai retiré le smiley ici pour mes essais: https://photoclic.forum-pro.fr/t21640-noir_et_blanc-ca-presse#277917

Donc en retirant le :first après content img ici, ça marche:

Code:

var number=$(data).find('div[class*="post--"]:first .postbody .content img:not([longdesc])').length;
var src=$(data).find('div[class*="post--"]:first .postbody .content img:not([longdesc])').attr('src');

Para ailleurs pour les autres navigateurs, c'est lorsque les informations précédemment transmises lors de la saisie doivent être renvoyées que ça coince.

Sur firefox quand cela se produit on a ce message:
Pour afficher cette page, les informations précédemment transmises par Firefox doivent être renvoyées. Ceci répétera toute action (telle qu’une recherche ou un ordre d’achat) entreprise précédemment.

Re Serge,
ah la salle bête,
il faut que je revois la page html car je pars d'une balise input et on récupére la valeur de cette dernière (pseudo) et a partir de la , il faut agir comme un formulaire et ce n'est pas le cas actuellement....

Re Phil.

Je te crois sur parole n'ayant aucune connaissance dans ce domaine :-)

Hello Serge,
alors , on va via une page html avoir ce que l'on souhaite.
Et devines, tu auras un sélecteur ou tu pourras renseigner les forums de recherche.

Attention toutefois, il faudra renseigner sur le chiffre ou le numéro du forum concerné:

Et bien veiller à ne pas laisser d'espace dans les champs value:

Le script va rechercher ces champs et si on renseigne un valeur comme ceci:

Code:

<option class="option" value="1">Forum 1</option>

Code:

value="1"

Aucun soucis.
Par contre , ceci ne fonctionnera pas:

Code:

<option class="option" value="1 ">Forum 1</option>

Code:

value="1 "

ou:

Code:

value=" 1"

ou encore:

Code:

value=" 1 "

Il est impératif que les doubles guillemets soit collés au chiffre ou au numéro.

Code:


<select name="selected_fofo" required>
<option class="optionfirst" value="">Sélectionner un forum</option>
<option class="option" value="1">Forum 1</option>
<option class="option" value="2">Forum 2</option>
<option class="option" value="3">Forum 3</option>
<option class="option" value="4">Forum 4</option>
<option class="option" value="5">Forum 5</option>
<option class="option" value="6">Forum 6</option>
</select>


IL faut créer une page html  :
Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)

Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ?  Cocher Non


Déposes ceci:

Code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Importation de photo par membre</title>  

    <style type="text/css">
body
{
width: 100%;
height: auto;
background-color:#add7f6;
}
form#recherche_photos
{
width: 80%;
height: auto;
position: absolute;
margin-top: 10%;
margin-left: 10%;
}

    input.M14_search_pictures,input.M14_go,.M14_reset, select[name="selected_fofo"]
    {
    margin:6px;
    background-color:black !important;
    border: none !important;
    color:white!important;
    padding: 6px;
     font-size:12px;
      cursor:pointer;
      
    }
      .M14_reset{width:120px;text-align:center;}
    div.Number{float: right;width: 30px;height:30px;background-color:black;margin-top: 15px;border-radius: 30px;text-align: center;margin-right: 30px;}
    div.Number span{position: relative;top: 5px;color:#20aec8;font-size:12px;}
    
div.Import_liste
{
max-width:80%;
width:auto;
min-width:10%;
margin-left: 10%;
position: absolute;
bottom: 30px;
height:auto;
min-height:48px;
background-color:#f6cead;
border: 2px solid black;
display:none;
text-align:center;
}
.Import_liste img{width:48px;height:48px;margin:2px;border:5px solid black;}
  
    div.Bloc_recherche
    {
    border: 2px solid black;
    width: 80%;
    height: 60px;
    background-color:#20aec8;
    }

    </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  </head>

      <body>

        <form id="recherche_photos">
  <div class="Bloc_recherche">
 
<input class="M14_search_pictures" type="text" value="" placeholder="Nom du pseudo"/>

<select name="selected_fofo" required>
<option class="optionfirst" value="">Sélectionner un forum</option>
<option class="option" value="1">Forum 1</option>
<option class="option" value="2">Forum 2</option>
<option class="option" value="3">Forum 3</option>
<option class="option" value="4">Forum 4</option>
<option class="option" value="5">Forum 5</option>
<option class="option" value="6">Forum 6</option>
</select>
    <input class="M14_go" type="submit" value="Chercher"/>
      <div class="Number"><span>0</span></div><br />
    
    </div>
<div class="M14_reset">Effacer</div>
    
    
</form>
<div class="Import_liste"></div>
   <script>
      $(function(){
     $("#recherche_photos").on("submit",function(ev){
  ev.preventDefault();
var val =$('select[name="selected_fofo"]').find('option:selected').val();
var retourfofo=$('select[name="selected_fofo"]').find('option:selected').text();
var ST="/st/";
var value=$('input[class="M14_search_pictures"]').val();

      
      //DANS QUEL FOFO
      var inpufofo="&search_where=f";
      
   var result=ST+value+inpufofo+val;
      //SI LA VALEUR N EST PAS VIDE ALORS..
    if (value.value!="")
    {

    $.get(result, function(data){
      //ON RECUPERE LES LIENS DES TOUS LES TITRES DES SUJETS SUR LA LISTE DES SUJETS
    $(data).find('h2.topic-title a.topictitle').each(function(){
    var Linktopic=$(this).attr('href');
      //ON RECUPERE LE LIEN DE LA PREMIERE IMAGE SI ELLE N EST PAS UN SMILEY
    $.get(Linktopic, function(data){
     //var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
    var src=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').attr('src');
      
      //SI IMAGE ALORS
    if(src)
    {
      
    $('.Import_liste').fadeIn().append('<a href="'+Linktopic+'"title="Voir la photo postée par '+value+' dans le forum '+retourfofo+'" target="_blank"><img src="'+src+'"/></a>');
    var number=$('.Import_liste').find('img').length;
     $('.Number').html('<span>'+number+'</span>');
    
    }

    });});});
    
      }
      //ON REMET TOUT A ZERO
$('.M14_reset').click(function(){
     $('.Import_liste').fadeOut();
      $('input.M14_search_pictures').val('');
      $('.Import_liste').html('');
      $('.Number').html('<span>0</span>');
     $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
    
      });
$('input.M14_search_pictures').keyup(function(){
     $('.Import_liste').html('');
      $('.Number').html('<span>0</span>');
     $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
    
     });
      
                         });
      });
    </script>

      </body>

</html>

Tu peux changer le titre de ta page ici:

Code:

<title>Importation de photo par membre</title>  

Chaque photo importée aura au survol une infobulle (non compatible avec tooltipster) qui mentionnera:
Voir la photo postée par XX dans le forum xx.

On ne se moque pas des couleurs sur la page html créée   .

Je voulais remercier mon ami Arnaud @no_way qui m'a ôté une sacrée épine du pied pour la validation du formulaire.

Bonsoir Philippe
Un énorme merci.

Hâte d'essayer ça dès que je serais rentré dans la soirée.

Service mon ami @Milouze14

@no_way a écrit:
Service mon ami .

C'est très gentil Arnaud