[TOUTES VERSIONS] Afficher une partie des MPS reçus

Milouze14 Ven 24 Juil 2015 - 7:06

,

l'astuce est proposée sur le support Anglais :
http://help.forumotion.com/t141662-application-popup-of-private-message-list#964691


Aperçu imagé:



L'astuce a été traduite par mes soins et j'ai aussi apporté des modifications car le script agissait aussi sur les liens dans la boite de réception donc impossible à lire   .

Des infobulles ont été aussi ajoutées pour indiquer les différentes fonctions.



Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.


Déposez ceci:

Code:

/***
     * Application: Private Message list.
     * Description: This application can displays the list of PM in related menus.
     * Version: 1.03102014-jq1.9.1 - Hermes Kriophoros
     * Made and Optimizations by JScript - 2014/03/10
     * Copyright (c) 2014 JScript <jscriptbrasil at live dot com>
     * This work is free. You can redistribute it and/or modify it
     * under the terms of the WTFPL, Version 2
     */
    jQuery(function () {
        /***
        * User Definition Variables
        ***/
        /* NOMBRE DE MPS AFFICHES!!! */
        var iAmount =10;  
        /***
        * Variables - Ne modifiez pas si vous ne savez pas!
        ***/
        var oConfig = {
            sInfo:
                '<!--' +
                '* Application: Private Message List.' +
                '* Description: This application can displays the list of PM in related menus.' +
                '* Version: 1.03102014-jq1.9.1 - Hermes Kriophoros' +
                '* Made and Optimizations by JScript - 2014/03/10' +
                '* View more in: http://codeforum.besaba.com/forum/index.php' +
                '* Copyright (c) 2014 JScript <jscriptbrasil at live dot com>' +
                '* This work is free. You can redistribute it and/or modify it' +
                '* under the terms of the WTFPL, Version 2' +
                '-->',      
            sContent:
                '<div class="ipsHeaderMenu boxShadow" id="user_inbox_link_menucontent" style="display: none; width: 300px; position: absolute; z-index: 9999;">' +
                  
 '<h4 class="ipsType_sectiontitle">Messagerie' +
 '<p class="ipsPad_half ipsType_smaller right">' +
'<a class="configure"href="/privmsg"title="Cliquez ici pour lire vos Mps">Boite de réception</a>
<a class="configure" style="color:green !important;"href="/privmsg?mode=post" title="Poster un nouveau M.P">Nouveau M.P</a>' +
                        '</p>' +
                    '</h4>' +
                    '<ul class="ipsList_withminiphoto">
<img src="https://i.servimg.com/u/f58/11/26/21/37/ajax-l10.gif" alt="Patienter....." style="display: block; margin-left: auto; margin-right: auto;"></ul>' +
                '</div>',      
            sCSS:
                '<style>' +
                '.ipsHeaderMenu {' +
                    'background-color: #FFFFFF;' +
                    'border-radius: 0 0 6px 6px;' +
                    'overflow: hidden;' +
                    'padding: 10px;' +
                    'width: 340px;' +
                '}' +
                '.boxShadow {' +
                    'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);' +
                '}' +
                '.ipsHeaderMenu .ipsType_sectiontitle {' +
                    'margin-bottom: 8px;' +
                '}' +
                '.ipsType_sectiontitle {' +
                    'border-bottom: 1px solid #ECECEC;' +
                    'color: #595959;' +
                    'font-size: 16px;' +
                    'font-weight: 400;' +
                    'padding: 5px 0;' +
                '}' +
                '.ipsType_smaller, .ipsType_smaller a {' +
                    'font-size: 11px !important;' +
                    
                '}' +
                '.ipsPad_half {' +
                    'padding: 4px !important;' +
'margin-top:-10px;'+
                '}' +
                '.right {' +
                    'float: right;' +
                '}' +
                '.ipsList_withminiphoto > li {' +
                    'margin-bottom: 8px;' +
                '}' +
                '.ipsType_small {' +
                    'font-size: 12px;' +
                '}' +
                '.ipsUserPhoto {' +
                    'background: none repeat scroll 0 0 #FFFFFF;' +
                    'border: 1px solid #D5D5D5 !important;' +
                    'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                    'padding: 1px;' +
                '}' +
                '.ipsUserPhoto_mini {' +
                    'height: 30px;' +
                    'width: 30px;' +
                '}' +
                '.left {' +
                    'float: left;' +
                '}' +
                '.ipsList_withminiphoto > li .list_content {' +
                    'margin-left: 40px;' +
'cursor:pointer;'+
                '}' +
                '#user_inbox_link_menucontent ul.ipsList_withminiphoto {' +
                    'list-style: none outside none;' +
                    'padding-left: 0 !important;' +
                '}' +
                '.desc.lighter, .desc.lighter.blend_links a {' +
                    'color: #A4A4A4;' +
                '}' +
                '.ipsType_smaller, .ipsType_smaller a {' +
                    'font-size: 11px !important;' +
                '}' +
                '.menu_active {' +
                    'color: #595959 !important;' +
                    'background-color: #FFFFFF !important;' +
                    'background-position: center bottom;' +
                    'border-radius: 3px 3px 0 0;' +
                    'padding: 4px;' +
                '}' +
'a.configure{'+
'text-decoration:none !important;'+
'color:#333333 !important;'+
'margin-left:15px;'+
'}'+

 '</style>',
            sTarget: '',
            sSearch: '',
            sExpression0: '',
            sExpression1: '',
            sExpression2: '',
            sGetIMG: ''
        };

        /* Add CSS */
        /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
        jQuery(oConfig.sCSS).insertBefore('body');
        jQuery('body').append(oConfig.sInfo + oConfig.sContent);

        /* Forum versions! */
        var phpBB2 = jQuery('.bodyline');
        var phpBB3 = jQuery('#wrap');
        var punbb = jQuery('#pun-intro');
        var invision = jQuery('#ipbwrapper');
      
        if (phpBB2.length) {
            oConfig.sSearch = 'form[name="privmsg_list"] .forumline tr';
            oConfig.sTarget = 'tr';
            oConfig.sExpression0 = 'memDiv.find("tr:first, tr:last").remove();';
            oConfig.sExpression1 = 'jQuery(this).find("a.topictitle").html()';
            oConfig.sExpression2 = 'jQuery(this).find("td .name").html() + " - " + jQuery(this).find("td .postdetails").html()';
            oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
        } else if(phpBB3.length) {
            oConfig.sSearch = '.topiclist.pmlist.bg_none li';
            oConfig.sTarget = '.icon dt';
            oConfig.sExpression1 = 'jQuery(this).find("a.topictitle")[0].outerHTML';
            oConfig.sExpression2 = 'jQuery(this).find("em").html()';
            oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
        } else if(punbb.length) {
            oConfig.sSearch = '.main-content tr .tcl.tdtopics';
            oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
        } else if(invision.length) {
            oConfig.sSearch = '.borderwrap table.ipbtable tbody tr:not(":empty")';
            oConfig.sTarget = 'tr';
            oConfig.sExpression1 = 'var _tmp1 = jQuery(this).find("td:eq(2)");_tmp1.children("a.topictitle")[0].outerHTML';
            oConfig.sExpression2 = '_tmp1.children("a.topictitle").remove();_tmp1.html()';
            oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
        };
      
        jQuery('a.mainmenu[href*="/privmsg?folder=inbox"]').click(function () {
            var oClicked = jQuery(this);
            var oTarget = jQuery('#user_inbox_link_menucontent');
            if (oTarget[0].style.display == 'none') {
                oClicked.addClass('menu_active');
                if ( !oTarget.find('ul.ipsList_withminiphoto > li').length ) {
                    var memDiv = jQuery('<div>');
                    memDiv.load('/privmsg?folder=inbox ' + oConfig.sSearch + ':lt(' + iAmount + ')', function() {
                        if (punbb.length) {
                            memDiv
                                .html(
                                    memDiv.html()
                                        .replace(/\<\/a\> por/g, '</a></br><span class="ipsType_smaller desc lighter">')
                                        .replace(/\<\/td\>/g, '</span></div></li>')
                                        .replace(/\<td class="tcl tdtopics"\>/g, '<li class="ipsType_small clearfix"><img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="https://i58.servimg.com/u/f58/11/26/21/37/defaul10.png"><div class="list_content">')
                                )
                                .find('span.status').remove();
                        } else {
                            if (oConfig.sExpression0) {
                                eval( oConfig.sExpression0 );
                            }
                            var sHtml = '';
                            oConfig.sTarget = memDiv.find(oConfig.sTarget);
                            jQuery.each(oConfig.sTarget, function( index, value ) {
                                sHtml +=
'<li class="ipsType_small clearfix"title="Ce message ne peut être lu que dans la boite de réception">' +
                                        '<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="https://i58.servimg.com/u/f58/11/26/21/37/defaul10.png">' +
                                        '<div class="list_content">' +
                                            eval( oConfig.sExpression1 ) + '<br>' +
                                            '<span class="ipsType_smaller desc lighter">' + eval( oConfig.sExpression2 ) + '</span>' +
                                        '</div>' +
                                    '</li>';
                            });
                            memDiv.html(sHtml);
                        }
                        oTarget.find('ul.ipsList_withminiphoto').html(memDiv.html());

                        var oImgTarget = oTarget.find('.ipsType_small.clearfix');
                        oImgTarget.each(function( index ) {
                            var UserURL = jQuery(this).find('.ipsType_smaller a, .list_content a:last');

                            if (UserURL.length) {
                                UserURL = UserURL.attr('href');
                                var oImgTag = jQuery(this).find('.ipsUserPhoto');
                                var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage */

                                /* If avatar alread saved, then no request member profile! */
                                if(UserIMG) {
                                    jQuery(this).find('img').attr('src', UserIMG);
                                } else {
                                    /* if not, then only request per session!!! */
                                    jQuery.get(UserURL, function(data){
                                        var profile_img = jQuery(oConfig.sGetIMG, data).attr('src');
                                      
                                        if (profile_img !== undefined) {
                                            oImgTag.attr('src', profile_img);
                                            /* Saves the member avatar in local storage */
                                            sessionStorage.setItem(UserURL, profile_img);
                                        }
                                    });
                                }
                            }
                        });
                    });
                }
                oTarget
                    .css({
                        'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
                        'top': oClicked.offset().top + oClicked.outerHeight()
                    })          
                    .fadeIn(400);
                jQuery(document).mousedown(function() {
                    if(!oTarget.is(":hover")) {
                        jQuery(document).unbind('mousedown');
                        oClicked.removeClass('menu_active');
                        oTarget.fadeOut(400);
                    }
                });          
            } else {
                oClicked.removeClass('menu_active');
                oTarget.fadeOut(400);
            }
            return false;
        });
    });

Pour la version EDGE:

Code:


/***
            * Application: Private Message list.
            * Description: This application can displays the list of PM in related menus.
            * Version: 1.03102014-jq1.9.1 - Hermes Kriophoros
            * Made and Optimizations by JScript - 2014/03/10
            * Copyright (c) 2014 JScript <jscriptbrasil at live dot com>
            * This work is free. You can redistribute it and/or modify it
            * under the terms of the WTFPL, Version 2
            */
            jQuery(function () {
                /***
                * User Definition Variables
                ***/
                /* NOMBRE DE MPS AFFICHES!!! */
                var iAmount =10;
                /***
                * Variables - Ne modifiez pas si vous ne savez pas!
                ***/
                var oConfig = {
                    sInfo:
                        '<!--' +
                        '* Application: Private Message List.' +
                        '* Description: This application can displays the list of PM in related menus.' +
                        '* Version: 1.03102014-jq1.9.1 - Hermes Kriophoros' +
                        '* Made and Optimizations by JScript - 2014/03/10' +
                        '* View more in: http://codeforum.besaba.com/forum/index.php' +
                        '* Copyright (c) 2014 JScript <jscriptbrasil at live dot com>' +
                        '* This work is free. You can redistribute it and/or modify it' +
                        '* under the terms of the WTFPL, Version 2' +
                        '-->',  
                    sContent:
                        '<div class="ipsHeaderMenu boxShadow" id="user_inbox_link_menucontent" style="display: none; width: 300px; position: absolute; z-index: 9999;">' +
                      
        '<h4 class="ipsType_sectiontitle">Messagerie' +
        '<p class="ipsPad_half ipsType_smaller right">' +
        '<a class="configure"href="/privmsg?folder=inbox"title="Cliquez ici pour lire vos Mps">Boite de réception</a>
        <a class="configure" style="color:green !important;"href="/privmsg?mode=post" title="Poster un nouveau M.P">Nouveau M.P</a>' +
                                '</p>' +
                            '</h4>' +
                            '<ul class="ipsList_withminiphoto">
        <img src="https://i.servimg.com/u/f58/11/26/21/37/ajax-l10.gif" alt="Patienter....." style="display: block; margin-left: auto; margin-right: auto;"></ul>' +
                        '</div>',  
                    sCSS:
                        '<style>' +
                        '.ipsHeaderMenu {' +
                            'background-color: #FFFFFF;' +
                            'border-radius: 0 0 6px 6px;' +
                            'overflow: hidden;' +
                            'padding: 10px;' +
                            'width: 340px;' +
                        '}' +
                        '.boxShadow {' +
                            'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);' +
                        '}' +
                        '.ipsHeaderMenu .ipsType_sectiontitle {' +
                            'margin-bottom: 8px;' +
                        '}' +
                        '.ipsType_sectiontitle {' +
                            'border-bottom: 1px solid #ECECEC;' +
                            'color: #595959;' +
                            'font-size: 16px;' +
                            'font-weight: 400;' +
                            'padding: 5px 0;' +
                        '}' +
                        '.ipsType_smaller, .ipsType_smaller a {' +
                            'font-size: 11px !important;' +
                        
                        '}' +
                        '.ipsPad_half {' +
                            'padding: 4px !important;' +
        'margin-top:-10px;'+
                        '}' +
                        '.right {' +
                            'float: right;' +
                        '}' +
                        '.ipsList_withminiphoto > li {' +
                            'margin-bottom: 8px;' +
                        '}' +
                        '.ipsType_small {' +
                            'font-size: 12px;' +
                        '}' +
                        '.ipsUserPhoto {' +
                            'background: none repeat scroll 0 0 #FFFFFF;' +
                            'border: 1px solid #D5D5D5 !important;' +
                            'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                            'padding: 1px;' +
                        '}' +
                        '.ipsUserPhoto_mini {' +
                            'height: 30px;' +
                            'width: 30px;' +
                        '}' +
                        '.left {' +
                            'float: left;' +
                        '}' +
                        '.ipsList_withminiphoto > li .list_content {' +
                            'margin-left: 40px;' +
        'cursor:pointer;'+
                        '}' +
                        '#user_inbox_link_menucontent ul.ipsList_withminiphoto {' +
                            'list-style: none outside none;' +
                            'padding-left: 0 !important;' +
                        '}' +
                        '.desc.lighter, .desc.lighter.blend_links a {' +
                            'color: #A4A4A4;' +
                        '}' +
                        '.ipsType_smaller, .ipsType_smaller a {' +
                            'font-size: 11px !important;' +
                        '}' +
                        '.menu_active {' +
                            'color: #595959 !important;' +
                            'background-color: #FFFFFF !important;' +
                            'background-position: center bottom;' +
                            'border-radius: 3px 3px 0 0;' +
                            'padding: 4px;' +
                        '}' +
        'a.configure{'+
        'text-decoration:none !important;'+
        'color:#333333 !important;'+
        'margin-left:15px;'+
        '}'+

        '</style>',
                    sTarget: '',
                    sSearch: '',
                    sExpression0: '',
                    sExpression1: '',
                    sExpression2: '',
                    sGetIMG: ''
                };

                /* Add CSS */
                /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
                jQuery(oConfig.sCSS).insertBefore('body');
                jQuery('body').append(oConfig.sInfo + oConfig.sContent);

                /* Forum versions! */
                var phpBB2 = jQuery('.bodyline');
                var phpBB3 = jQuery('#fa_edge');
                var punbb = jQuery('#pun-intro');
                var invision = jQuery('#ipbwrapper');
          
                if (phpBB2.length) {
                    oConfig.sSearch = 'form[name="privmsg_list"] .forumline tr';
                    oConfig.sTarget = 'tr';
                    oConfig.sExpression0 = 'memDiv.find("tr:first, tr:last").remove();';
                    oConfig.sExpression1 = 'jQuery(this).find("a.topictitle").html()';
                    oConfig.sExpression2 = 'jQuery(this).find("td .name").html() + " - " + jQuery(this).find("td .postdetails").html()';
                    oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
    } else if(phpBB3.length) {
                    oConfig.sSearch = 'form[name="privmsg_list"] .forum-block';
                    oConfig.sTarget = '.forum-info';
                    oConfig.sExpression1 = 'jQuery(this).find("a.topictitle")[0].outerHTML';
                    oConfig.sExpression2 = 'jQuery(this).find("em").html()';
                    oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
    }                else if(punbb.length) {
                    oConfig.sSearch = '.main-content tr .tcl.tdtopics';
                    oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
                } else if(invision.length) {
                    oConfig.sSearch = '.borderwrap table.ipbtable tbody tr:not(":empty")';
                    oConfig.sTarget = 'tr';
                    oConfig.sExpression1 = 'var _tmp1 = jQuery(this).find("td:eq(2)");_tmp1.children("a.topictitle")[0].outerHTML';
                    oConfig.sExpression2 = '_tmp1.children("a.topictitle").remove();_tmp1.html()';
                    oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
                };
          
                jQuery('a.mainmenu[href*="/privmsg?folder=inbox"]').click(function () {
                    var oClicked = jQuery(this);
                    var oTarget = jQuery('#user_inbox_link_menucontent');
                    if (oTarget[0].style.display == 'none') {
                        oClicked.addClass('menu_active');
                        if ( !oTarget.find('ul.ipsList_withminiphoto > li').length ) {
                            var memDiv = jQuery('<div>');
                            memDiv.load('/privmsg?folder=inbox ' + oConfig.sSearch + ':lt(' + iAmount + ')', function() {
                                if (punbb.length) {
                                    memDiv
                                        .html(
                                            memDiv.html()
                                                .replace(/\<\/a\> por/g, '</a></br><span class="ipsType_smaller desc lighter">')
                                                .replace(/\<\/td\>/g, '</span></div></li>')
                                                .replace(/\<td class="tcl tdtopics"\>/g, '<li class="ipsType_small clearfix"><img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="https://i58.servimg.com/u/f58/11/26/21/37/defaul10.png"><div class="list_content">')
                                        )
                                        .find('span.status').remove();
                                } else {
                                    if (oConfig.sExpression0) {
                                        eval( oConfig.sExpression0 );
                                    }
                                    var sHtml = '';
                                    oConfig.sTarget = memDiv.find(oConfig.sTarget);
                                    jQuery.each(oConfig.sTarget, function( index, value ) {
                                        sHtml +=
        '<li class="ipsType_small clearfix"title="Ce message ne peut être lu que dans la boite de réception">' +
                                                '<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="https://i58.servimg.com/u/f58/11/26/21/37/defaul10.png">' +
                                                '<div class="list_content">' +
                                                    eval( oConfig.sExpression1 ) + '<br>' +
                                                    '<span class="ipsType_smaller desc lighter">' + eval( oConfig.sExpression2 ) + '</span>' +
                                                '</div>' +
                                            '</li>';
                                    });
                                    memDiv.html(sHtml);
                                }
                                oTarget.find('ul.ipsList_withminiphoto').html(memDiv.html());

                                var oImgTarget = oTarget.find('.ipsType_small.clearfix');
                                oImgTarget.each(function( index ) {
                                    var UserURL = jQuery(this).find('.ipsType_smaller a, .list_content a:last');

                                    if (UserURL.length) {
                                        UserURL = UserURL.attr('href');
                                        var oImgTag = jQuery(this).find('.ipsUserPhoto');
                                        var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage */

                                        /* If avatar alread saved, then no request member profile! */
                                        if(UserIMG) {
                                            jQuery(this).find('img').attr('src', UserIMG);
                                        } else {
                                            /* if not, then only request per session!!! */
                                            jQuery.get(UserURL, function(data){
                                                var profile_img = jQuery(oConfig.sGetIMG, data).attr('src');
                                          
                                                if (profile_img !== undefined) {
                                                    oImgTag.attr('src', profile_img);
                                                    /* Saves the member avatar in local storage */
                                                    sessionStorage.setItem(UserURL, profile_img);
                                                }
                                            });
                                        }
                                    }
                                });
                            });
                        }
                        oTarget
                            .css({
                                'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
                                'top': oClicked.offset().top + oClicked.outerHeight()
                            })      
                            .fadeIn(400);
                        jQuery(document).mousedown(function() {
                            if(!oTarget.is(":hover")) {
                                jQuery(document).unbind('mousedown');
                                oClicked.removeClass('menu_active');
                                oTarget.fadeOut(400);
                            }
                        });      
                    } else {
                        oClicked.removeClass('menu_active');
                        oTarget.fadeOut(400);
                    }
                    return false;
                });
            });


Pensez a cliquer sur le bouton Valider

Invité Mer 5 Aoû 2015 - 19:52

Gae Mar 8 Sep 2015 - 15:35

Sacha Ven 20 Nov 2015 - 21:54

One. Dim 20 Mar 2016 - 9:59

dragon594 Lun 11 Avr 2016 - 0:47

Psychotic Bitch Lun 12 Sep 2016 - 1:19

Queen G. Mer 2 Nov 2016 - 6:42

50Thierry Lun 21 Nov 2016 - 3:28

50Thierry Lun 21 Nov 2016 - 3:40

50Thierry Lun 21 Nov 2016 - 3:45

LMRP Mer 8 Mar 2017 - 21:44

LMRP Mer 8 Mar 2017 - 21:48

photoclic Mer 8 Mar 2017 - 23:30

Milouze14 Dim 19 Mar 2017 - 10:29

Hello,
je viens d'adapter le script pour la version EDGE les ami(e)s

https://www.milouze14.com/t28464-toutes-versions-afficher-une-partie-des-mps-recus#547221

RED² Lun 27 Mar 2017 - 14:10

petit coq Ven 21 Avr 2017 - 18:58

Ptite_Perle Lun 19 Juin 2017 - 11:36

masterforumbr Mar 10 Oct 2017 - 4:32

Chocolatine Mer 18 Oct 2017 - 16:36

Ombi Jeu 8 Mar 2018 - 21:57

hamesashek Dim 1 Avr 2018 - 21:29

Kaeyla Mer 20 Juin 2018 - 3:19

ThunderTB Ven 24 Aoû 2018 - 21:00

kristhyane Lun 14 Jan 2019 - 11:25