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

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

Re Phil,

Une merveille ce dernier développement.

Mieux que ce que j’imaginais au départ.
Un grand merci les amis à toi et à Arnaud.

Pour les couleurs pas de souci, j'adapterai.

Par contre dans le menu déroulant, me revoilà avec un null alors que je n'ai changé que le lien de la variable photos.

Je repasserai plus tard pour essayer de comprendre pour le null.

Encore un grand merci à vous les amis

Re Serge,
le forum 3 n'existe pas nommé"Expoclic" , je l'ai remplacé par:

Code:

<option class="option" value="12">Photos gagnantes</option>

Tout fonctionne désormais

Vraiment ravi par cette page qui fonctionne à merveille et de façon optimisée.

Toutes ses fonctions sont parfaites.

Un grand merci les amis

Je passe en résolu.

Hello Serge,
de rien mon ami.