Avatar dans les notifications

[Mat]

Bonjour ,

Il y a +/- 2 mois, on m'avait donner un code (je pense que c'est Walt qui me l'a donné mais je ne retrouve plus le sujet en question) pour avoir les avatars des membres dans les notifications.
Voici le code en question:

Le code JS :

Code:

$(window).load(function() {
    $('#notif_list').show().css('opacity', '0');
 
    function loko() {
        $('#fa_toolbar > #fa_right > #notif_list li .contentText').each(function(notifFace) {
            var notifFaceurl = $(this).find('a[href*="/u"]').attr('href');
            $(this).prepend('<span class="notifFaceavatar" id="notifFaceavatar' + notifFace + '"></span>');
            $('#notifFaceavatar' + notifFace).html('<img src="'+ notifFaceurl +'.jpg" alt="" />');
        });
 
    };
    setTimeout(function() {
        loko();
        $('#notif_list').hide().css('opacity', '1');
    }, 1000);
    $('#fa_notifications').click(function() {
        $('#notif_list').css('opacity', '1').toggle();
    });
});

Et le code CSS :

Code:

#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-track {
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3) !important;
   border-radius:10px !important;
   background-color:#F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar {
   width:12px !important;
   background-color:#F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-thumb {
   border-radius:10px !important;
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3) !important;
   background-color:#555 !important;
}
#fa_toolbar #fa_right #notif_list {
   overflow:hidden;
   height:400px !important;
   overflow-x:hidden !important;
}
#fa_toolbar #fa_right #notif_list:hover {
   overflow:scroll !important;
   overflow-x:hidden !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
   background-color:#EEEFF4 !important;
}
#fa_toolbar #fa_right #notif_list li .contentText {
   color:#333 !important;
   height:50px !important;
}
.notifFaceavatar {
   float:left !important;
   margin:0 5px !important;
   padding:2px !important;
}
.notifFaceavatar img {
   height:45px !important;
   width:45px !important;
}
#fa_toolbar #fa_right #notif_list {
   border:1px solid #e0e0e0 !important;
   -webkit-border-radius:5px !important;
   -moz-border-radius:5px !important;
   border-radius:5px !important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
   text-align:center !important;
   background-color:#f7f7f7 !important;
   -webkit-border-bottom-right-radius:5px !important;
   -webkit-border-bottom-left-radius:5px !important;
   -moz-border-radius-bottomright:5px !important;
   -moz-border-radius-bottomleft:5px !important;
   border-bottom-right-radius:5px !important;
   border-bottom-left-radius:5px !important;
}
#fa_toolbar #fa_right #notif_list a {
   color:#D12E2E !important;
}
#fa_toolbar #fa_right #notif_list li {
   border-top:1px solid #dddddd !important;
   border-left:0px !important;
   border-bottom:0px !important;
   border-right:0px !important;
}
#fa_toolbar #fa_right #notif_list li hr {
   border: 0px !important;
}

Le code fonctionne parfaitement, le seul problème, c'est qu'avant, quand le menu des notifications est ouvert et que l'on clique sur le menu de "Bienvenue Pseudo" juste à côté, le menu des notifications se ferme et le menu de "Bienvenue Pseudo" s'ouvre. Sauf que maintenant ce n'est plus le cas avec ce code .
Je voudrais savoir s'il y serait possible de changer cela ?

Merci d'avance

[Mat]

Et un up

[Ea]

Bonjour,


Ce script devrait faire la même chose sans le problème.

Code:

$(function () {
  window._lang && Object.keys(_lang).forEach(function (key) {
    if (key.indexOf("Notif_") !== 0 || _lang[key].indexOf(' href="/u%(id)d"') === -1) return;
    _lang[key] = '<span class="notifFaceavatar"><img src="/u%(id)d.jpg"/></span>' + _lang[key];
  });
});

Cordialement.

ps: le sujet en question était celui-ci

[Mat]

Ah parfait merci  !
Bonne soirée

PS : Ah je ne sais pas pourquoi je ne l'avais pas retrouvé, merci