Problème notifications tags Toolbar

[Pandamalin]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis 2 mois environs
Lien du forum : http://darkshore-detroit.forumactif.com/

Description du problème

Bonjour à l'équipe et merci d'avance pour vos réponses et votre aide ;

Mon problème concerne les notifications dans la toolbar concernant les tags fait à mes membres. Tout le monde peut voir de façon normale les notifications qui concernent les MPS mais lorsque quelqu'un les tags sur le forum et bien un message d'erreur apparait parfois comme si la notification avait expirée alors qu'elle peut dater de la journée même. J'ai beau regarder les codes, chercher je n'y arrive plus et c'est pour cela que je sollicite votre aide pour que la fonction des tags demeurent utile et que mes membres puissent consulter où et par qui ils ont été tagués sur mon forum.

Merci à vous.

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Pandamalin]

Up, soucis toujours d'actualité, merci !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Pandamalin]

Up, soucis toujours d'actualité, merci !

[chattigre]

Bonjour,
Avez-vous un exemple précis du message d'erreur qui apparait au clic sur le lien de la notification ?

Bonne journée

[Pandamalin]

Bonsoir, tout d'abord merci pour votre aide,

Voici :
Cela arrive à chaque fois qu'un membre est taggé dans un sujet, il sait donc qu'il a été taggé mais pas par qui ni où. En revanche, les tags des MPS fonctionnement parfaitement

[chattigre]

Oulà, c'est très étrange tout ça...

Pouvez-vous essayer la procédure suivante :
PA / Affichage / Templates / Forcer les templates par défaut : Oui
PA / Modules / Codes Javascript / Activer la gestion des codes Javascript : Non
PA / Affichage / Couleurs / Feuille de style CSS / Forcer le CSS de base : Oui

Vérifiez si le problème est toujours présent : Sur les notifications actuelles et en taguant un autre membre à ce moment là.

Puis remettez sur Non / Oui / Non (respectivement) les 3 paramètres pour réactiver vos personnalisations

A chaque fois, n'oubliez pas d'enregistrer ^^

Je vous conseille de faire ça à une heure de très faible affluence car cela va désactiver toutes vos personnalisations le temps de la manipulation



Bonne journée !

[Pandamalin]

J'ai fais les tests indiqués, tous en même temps et le problème s'est réglé.
J'ai donc procédé un à un pour cibler le problème et il se posait dans le javascript. J'ai supprimé les javascript concernant la toolbar, un qui permet de la maintenir en bas et l'autre qui tendais à le compléter pour son texte. Le soucis ne s'est plus posé et la toolbar n'a pas bougé physiquement mais sans ces scripts, une fois sur deux mon design se décale vers le bas. Je les ai gardé de côté au cas où en espérant trouver de quoi corriger ce qui cloche en eux avec votre aide, ou alors trouver de quoi ne pas avoir le design qui fait du yoyo selon les pages en les gardant retirés:s

[chattigre]

Bonjour,

J'allais vous dire de tester élément par élément, mais il n'y a pas eu besoin, vous l'avez fait

Maintenant, votre Toolbar reste en bas car cela passe par du CSS.

Qu'entendez-vous par "mon design se décale" ?
Si vous voulez de l'aide concernant vos scripts, il serait utile de les fournir ici

Bonne journée

[Pandamalin]

Bonjour, tout d'abord merci infiniment une fois de plus pour votre aide et votre temps donné,

Depuis la suppression des scripts problématiques pour les tags, la toolbar est parfaite visuellement et fonctionnelle niveau tags mais voici le second soucis qui se pose.
Quand on ouvre le forum pas de problème niveau design

Spoiler:

Mais quand on descend et qu'on remonte POF il disparait en partie derrière la barre de connexion

Spoiler:

Je pense donc que les scripts incriminés dans le bug des tags de la toolbar étaient tout de même nécessaires à garder un bon équilibre. Voici les deux scripts en questions :

Le principal d'où venait le bug

Code:

const Toolbar = (function () {
    var FA_TOOLBAR = "fa_toolbar",
        LEFT = "fa_left",
        SEARCH = "fa_search",
        MAGNIFIER = "fa_magnifier",
        TEXTAREA = "fa_textarea",
        SHARE = "fa_share",
        RIGHT = "fa_right",
        FA_TOOLBAR_HIDDEN = "fa_toolbar_hidden",
        ICON = "fa_icon",
        SERVICE = "fa_service",
        SHARE_TEXT = "fa_share_text",
        FB = "fa_fb",
        TWITTER = "fa_twitter",
        GP = "fa_gp",
        MAIL = "fa_mail",
        MAIL_FORM = "fa_mail_form",
        RSS = "fa_rss",
        MENU = "fa_menu",
        HIDE = "fa_hide",
        SHOW = "fa_show",
        WELCOME = "fa_welcome",
        NOTIFICATIONS = "fa_notifications",
        NOTIF_LIST = 'notif_list',
        NOTIF_UNREAD = 'notif_unread',
        LIVE_NOTIF = 'live_notif',
        SEPARATOR = "fa_separator",
        TOOLBAR_STATE = 'toolbar_state',
        _notifications = [],
        _isDeleting = false,
        init = function () {
            if (_userdata['activate_toolbar']) {
                if (_userdata['session_logged_in'] && _userdata['notifications']) {
                    FA.Debugger.log('register');
                    FA.Notification.register()
                }
                document.body.insertBefore(_createFaToolbarHidden(), document.body.firstChild);
                document.body.insertBefore(_createFaToolbar(), document.body.firstChild);
                _alignMenu();
                _alignNotifications();
                $('#' + LIVE_NOTIF).css('right', ($('#' + HIDE).outerWidth(true) - 1) + 'px');
                if (_userdata['fix_toolbar']) {
                    $('#' + FA_TOOLBAR).addClass('fa_fix');
                    $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                }
                _onResize();
                $(window).resize(_onResize);
                _manageStateAndCSS();
                $(document).click(function (e) {
                    var options = 'menubar=no, status=no, scrollbars=no, width=800, height=600';
                    switch (e.target.id) {
                        case ICON:
                        case SERVICE:
                            window.open('https://www.forumactif.com/' + _userdata['user_lang'], '_blank');
                            e.stopPropagation();
                            break;
                        case MAGNIFIER:
                            document.getElementById(TEXTAREA).focus();
                            e.stopPropagation();
                            break;
                        case FB:
                            window.open('https://www.facebook.com/sharer.php?u=' + window.location, '', options);
                            e.stopPropagation();
                            break;
                        case TWITTER:
                            window.open('https://twitter.com/intent/tweet', '', options);
                            e.stopPropagation();
                            break;
                        case GP:
                            window.open('https://plus.google.com/share?url=' + window.location, '', options);
                            e.stopPropagation();
                            break;
                        case WELCOME:
                            if ($('#' + RIGHT).toggleClass('welcome').hasClass('welcome') && $('#' + RIGHT).hasClass('notification')) {
                                $('#' + RIGHT).removeClass('notification');
                                FA.Notification.markAsRead()
                            }
                            e.stopPropagation();
                            break;
                        case NOTIFICATIONS:
                            if ($('#' + RIGHT).toggleClass('notification').hasClass('notification')) {
                                $('.ellipsis').dotdotdot();
                                if ($('#' + RIGHT).hasClass('welcome')) {
                                    $('#' + RIGHT).removeClass('welcome')
                                }
                                if (!FA.Notification.registered()) {
                                    FA.Notification.register()
                                }
                            } else {
                                FA.Notification.markAsRead()
                            }
                            e.stopPropagation();
                            break;
                        case HIDE:
                            _moveUp();
                            e.stopPropagation();
                            break;
                        case SHOW:
                            _moveDown();
                            e.stopPropagation();
                            break;
                        default:
                            if (jQuery.contains($('#' + NOTIF_LIST), e.target)) {
                                if ($(e.target).hasClass('delete')) {
                                    _delItem($('#' + NOTIF_LIST + ' li').index($(e.target).parents('li')), true);
                                    e.stopPropagation();
                                    return false
                                }
                            } else {
                                if ($('#' + RIGHT).hasClass('welcome')) {
                                    $('#' + RIGHT).removeClass('welcome')
                                }
                                if ($('#' + RIGHT).hasClass('notification')) {
                                    $('#' + RIGHT).removeClass('notification');
                                    FA.Notification.markAsRead()
                                }
                            }
                    }
                })
            }
        }, _createFaToolbar = function () {
            var fa_toolbar = document.createElement('div');
            fa_toolbar.id = FA_TOOLBAR;
            fa_toolbar.className = "fa_toolbar_XL_Sized";
            fa_toolbar.appendChild(_createRight());
            fa_toolbar.appendChild(_createLeft());
            fa_toolbar.appendChild(_createSearch());
            fa_toolbar.appendChild(_createShare());
            return fa_toolbar
        }, _createLeft = function () {
            var left = document.createElement('span');
            var icon = document.createElement('a');
            var a = document.createElement('a');
            left.id = LEFT;
            left.className = "fa_tbMainElement";
            icon.id = ICON;
            a.id = SERVICE;
            (a.innerText == undefined) ? a.textContent = _lang['Forumotion'] : a.innerText = _lang['Forumotion'];
            left.appendChild(icon);
            left.appendChild(a);
            return left
        }, _createSearch = function () {
            var search = document.createElement('div');
            var form = document.createElement('form');
            var magnifier = document.createElement('a');
            var textarea = document.createElement('input');
            search.id = SEARCH;
            search.className = "fa_tbMainElement";
            form.method = 'get';
            form.action = '/search';
            magnifier.id = MAGNIFIER;
            textarea.id = TEXTAREA;
            textarea.type = 'text';
            textarea.name = 'search_keywords';
            search.appendChild(form);
            form.appendChild(magnifier);
            form.appendChild(textarea);
            return search
        }, _createShare = function () {
            var share = document.createElement('span');
            var shareText = document.createElement('span');
            var fb = document.createElement('a');
            var twitter = document.createElement('a');
            var gp = document.createElement('a');
            var mail = document.createElement('a');
            var rss = document.createElement('a');
            share.id = SHARE;
            share.className = "fa_tbMainElement";
            shareText.id = SHARE_TEXT;
            (shareText.innerText == undefined) ? shareText.textContent = _lang['Share'] + ' : ' : shareText.innerText = _lang['Share'] + ' : ';
            fb.id = FB;
            twitter.id = TWITTER;
            gp.id = GP;
            mail.id = MAIL;
            mail.href = 'mailto:?body=' + window.location.href;
            mail.target = '_blank';
            rss.id = RSS;
            rss.href = 'http://' + window.location.hostname + '/rss';
            rss.target = '_blank';
            share.appendChild(shareText);
            share.appendChild(fb);
            share.appendChild(twitter);
            share.appendChild(gp);
            share.appendChild(mail);
            share.appendChild(rss);
            return share
        }, _createRight = function () {
            var right = document.createElement('div');
            var hide = document.createElement('a');
            right.id = RIGHT;
            right.className = "fa_tbMainElement";
            hide.id = HIDE;
            hide.className = "rightHeaderLink";
            if (!_userdata['session_logged_in']) {
                var login = document.createElement('a');
                login.className = "rightHeaderLink";
                var register = document.createElement('a');
                register.className = "rightHeaderLink";
                (login.innerText == undefined) ? login.textContent = _lang['Login'] : login.innerText = _lang['Login'];
                login.href = 'http://' + window.location.hostname + '/login';
                (register.innerText == undefined) ? register.textContent = _lang['Register'] : register.innerText = _lang['Register'];
                register.href = 'http://' + window.location.hostname + '/register';
                right.appendChild(login);
                right.appendChild(register)
            } else {
                var divMenu = document.createElement('div'),
                    welcome = document.createElement('a'),
                    menu = _createMenu(),
                    notifications = _userdata['notifications'] ? document.createElement('a') : null,
                    notif_unread = document.createElement('span'),
                    notif_list = document.createElement('ul'),
                    notif_view = document.createElement('li'),
                    notif_view_link = document.createElement('a'),
                    live_notif = document.createElement('div');
                divMenu.id = MENU;
                welcome.id = WELCOME;
                ($(welcome).html(_dynTruncateUsername(_lang['Welcome'] + ' ' + _userdata['username'])));
                if (notifications) {
                    notifications.id = NOTIFICATIONS;
                    notifications.className = "rightHeaderLink";
                    (notifications.innerText == undefined) ? notifications.textContent = _lang['Notifications'] : notifications.innerText = _lang['Notifications'];
                    notif_unread.id = NOTIF_UNREAD;
                    notifications.appendChild(notif_unread);
                    notif_list.id = NOTIF_LIST;
                    notif_view.className = 'see_all';
                    notif_view_link.href = '/profile?mode=editprofile&page_profil=notifications';
                    notif_list.appendChild(notif_view).appendChild(notif_view_link).appendChild(document.createTextNode(_lang['Notif_see_all']));
                    live_notif.id = LIVE_NOTIF;
                    $(live_notif).css({
                        width: '330px',
                        position: 'absolute'
                    })
                }
                divMenu.appendChild(welcome);
                divMenu.appendChild(menu);
                right.appendChild(divMenu);
                if (notifications) {
                    right.appendChild(notifications);
                    right.appendChild(notif_list);
                    right.appendChild(live_notif)
                }
            }
            right.appendChild(hide);
            return right
        }, _createMenu = function () {
            var menu = document.createElement('ul');
            var see = _createSubMenu(_lang['See_my_profile'], 'http://' + window.location.hostname + '/u' + _userdata['user_id']);
            var config = _createSubMenu(_lang['Edit_profile'], 'http://' + window.location.hostname + '/profile?mode=editprofile&page_profil=preferences');
            var separator1 = document.createElement('li');
            var topics = _createSubMenu(_lang['All_Topics'], 'http://' + window.location.hostname + '/sta/' + encodeURIComponent(_userdata['username']));
            var posts = _createSubMenu(_lang['All_Messages'], 'http://' + window.location.hostname + '/spa/' + encodeURIComponent(_userdata['username']));
            var followed = _createSubMenu(_lang['js_topics_followed'], 'http://' + window.location.hostname + '/search?search_id=watchsearch');
            var separator2 = document.createElement('li');
            var logout = _createSubMenu(_lang['Logout'], 'http://' + window.location.hostname + '/login?logout=1');
            separator1.className = SEPARATOR;
            separator2.className = SEPARATOR;
            menu.id = "fa_menulist";
            menu.appendChild(see);
            menu.appendChild(config);
            menu.appendChild(separator1);
            menu.appendChild(topics);
            menu.appendChild(posts);
            menu.appendChild(followed);
            menu.appendChild(separator2);
            if (_userdata['user_level'] == "1") {
                var pa = _createSubMenu(_lang['Admin_panel'], 'http://' + window.location.hostname + '/admin');
                menu.appendChild(pa)
            }
            menu.appendChild(logout);
            return menu
        }, _createSubMenu = function (textContent, href) {
            var a = document.createElement('a');
            var li = document.createElement('li');
            (a.innerText == undefined) ? a.textContent = textContent : a.innerText = textContent;
            a.href = href;
            li.appendChild(a);
            return li
        }, _createFaToolbarHidden = function () {
            var fa_toolbar_hidden = document.createElement('div');
            var show = document.createElement('a');
            fa_toolbar_hidden.id = FA_TOOLBAR_HIDDEN;
            show.id = SHOW;
            fa_toolbar_hidden.appendChild(show);
            return fa_toolbar_hidden
        }, _alignMenu = function () {
            var welcome_pos = $("#" + WELCOME).position();
            if ((welcome_pos != null) && (typeof (welcome_pos) != 'undefined')) {
                $("#" + MENU + "> ul").attr("style", "");
                var margin = welcome_pos.left + $("#" + WELCOME).outerWidth(true) - $("#" + MENU + "> ul").outerWidth(true) + 1;
                $("#" + MENU + "> ul").css("left", (margin > 0 ? margin : 0))
            } else {
                var margin = (_userdata['notifications'] ? $("#" + NOTIFICATIONS).outerWidth(true) : 0) + $("#" + HIDE).outerWidth(true) - 1;
                $("#" + MENU + "> ul").attr("style", "").css("right", margin)
            }
        }, _alignNotifications = function () {
            var notif_pos = $("#" + NOTIFICATIONS).position();
            if ((notif_pos != null) && (typeof (notif_pos) != 'undefined')) {
                $("#" + NOTIF_LIST).attr("style", "");
                var margin = notif_pos.left + $("#" + NOTIFICATIONS).outerWidth(true) - $("#" + NOTIF_LIST).outerWidth(true) + 1;
                $("#" + NOTIF_LIST).css("left", (margin > 0 ? margin : 0))
            } else {
                $('#' + NOTIF_LIST).css('right', ($('#' + HIDE).outerWidth(true) - 1) + 'px')
            }
        }, _dynTruncateUsername = function (username) {
            var styleItems = ['font-size', 'font-weight', 'font-family'];
            var styleValues = {};
            for (var name in styleItems) {
                if (typeof styleItems[name] == 'function') continue;
                styleValues[styleItems[name]] = $("#" + WELCOME).css(styleItems[name])
            }
            return _truncateText({
                text: username,
                maxWidth: 150,
                'style': styleValues
            })
        }, _truncateText = function (params) {
            var truncated = null;
            var maxWidth = 0;
            var original = "";
            var defaults = {
                text: "",
                maxWidth: 0,
                style: {
                    'font-size': '12px',
                    'font-weight': 'normal',
                    'font-family': 'Arial'
                }
            };
            var params = $.extend(true, {}, defaults, params);
            try {
                maxWidth = parseInt(params.maxWidth, 10);
                if (isNaN(maxWidth)) {
                    maxWidth = 0
                }
                if (maxWidth > 0) {
                    if ((params.text != null) && (typeof (params.text) == "string")) {
                        original = params.text
                    }
                    if (original.length > 0) {
                        var div = document.createElement('div');
                        document.body.appendChild(div);
                        $(div).css({
                            position: 'absolute',
                            left: -1000,
                            top: -1000,
                            display: 'none',
                            'font-size': params.style['font-size'],
                            'font-weight': params.style['font-weight'],
                            'font-family': params.style['font-family']
                        });
                        $(div).text(original);
                        if ($(div).width() > maxWidth) {
                            do {
                                original = original.substring(0, original.length - 1);
                                $(div).text(original + "...")
                            } while (($(div).width() > maxWidth) && (original.length > 0));
                            truncated = original + "..."
                        } else {
                            truncated = original
                        }
                        $(div).remove()
                    }
                }
            } catch (e) {
                truncated = null
            } finally {
                return truncated
            }
        }, _manageStateAndCSS = function () {
            if (_userdata['fix_toolbar']) {
                if ($.cookie(TOOLBAR_STATE) == HIDE) {
                    $("#" + FA_TOOLBAR).css({
                        marginBottom: (0 - 30) + 'px'
                    });
                    $("#" + FA_TOOLBAR_HIDDEN).css({
                        marginBottom: "+=60px"
                    })
                } else {
                    $.cookie(TOOLBAR_STATE, SHOW)
                }
            } else {
                if ($.cookie(TOOLBAR_STATE) == HIDE) {
                    $("#" + FA_TOOLBAR).css({
                        marginBottom: (parseInt($("#" + FA_TOOLBAR).css('marginBottom')) - 30) + 'px'
                    });
                    $("#" + FA_TOOLBAR_HIDDEN).css({
                        marginBottom: "+=60px"
                    })
                } else {
                    $.cookie(TOOLBAR_STATE, SHOW)
                }
            }
        }, _moveUp = function () {
            if ($.cookie(TOOLBAR_STATE) && $.cookie(TOOLBAR_STATE) == SHOW) {
                $.cookie(TOOLBAR_STATE, HIDE);
                $("#" + FA_TOOLBAR).animate({
                    marginBottom: "-=30px"
                });
                if (_userdata['fix_toolbar']) {
                    $("body").animate({
                        marginBottom: "0px"
                    })
                }
                $("#" + FA_TOOLBAR_HIDDEN).animate({
                    marginBottom: "+=60px"
                })
            }
            if ($('#' + RIGHT).hasClass('welcome') || $('#' + RIGHT).hasClass('notification')) {
                $('#' + RIGHT).removeClass('welcome notification')
            }
        }, _moveDown = function () {
            if ($.cookie(TOOLBAR_STATE) && $.cookie(TOOLBAR_STATE) == HIDE) {
                $.cookie(TOOLBAR_STATE, SHOW);
                $("#" + FA_TOOLBAR).animate({
                    marginBottom: "+=30px"
                });
                if (_userdata['fix_toolbar']) {
                    $("body").animate({
                        marginBottom: "30px"
                    })
                }
                $("#" + FA_TOOLBAR_HIDDEN).animate({
                    marginBottom: "-=60px"
                })
            }
        }, _onResize = function (e) {
            var windowWidth = $(window).width();
            var toolbarSizeClass = '';
            $($('#' + FA_TOOLBAR).attr('class').split(" ")).each(function (index, item) {
                if ((item != null) && (item != "")) {
                    if (item.match(/^fa_toolbar_(XL|L|M|S){1}_Sized$/g) !== null) {
                        toolbarSizeClass = item
                    }
                }
            });
            if (toolbarSizeClass != "") {
                $('#' + FA_TOOLBAR).removeClass(toolbarSizeClass)
            }
            if (windowWidth < 519) {
                $('#' + SHARE).addClass('fa_hide');
                $('#' + SEARCH).addClass('fa_hide');
                $('#' + FA_TOOLBAR).removeClass('fa_fix');
                $('#' + FA_TOOLBAR_HIDDEN).removeClass('fa_fix')
            } else if (windowWidth < 774) {
                $('#' + SHARE).addClass('fa_hide');
                $('#' + SEARCH).addClass('fa_hide');
                $('#' + FA_TOOLBAR).addClass('fa_toolbar_M_Sized');
                if (_userdata['fix_toolbar']) {
                    $('#' + FA_TOOLBAR).addClass('fa_fix');
                    $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                }
            } else if (windowWidth < 980) {
                $('#' + SHARE).removeClass('fa_hide');
                $('#' + SEARCH).addClass('fa_hide');
                $('#' + FA_TOOLBAR).addClass('fa_toolbar_L_Sized');
                if (_userdata['fix_toolbar']) {
                    $('#' + FA_TOOLBAR).addClass('fa_fix');
                    $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                }
            } else {
                $('#' + SHARE).removeClass('fa_hide');
                $('#' + SEARCH).removeClass('fa_hide');
                $('#' + FA_TOOLBAR).addClass('fa_toolbar_XL_Sized');
                if (_userdata['fix_toolbar']) {
                    $('#' + FA_TOOLBAR).addClass('fa_fix');
                    $('#' + FA_TOOLBAR_HIDDEN).addClass('fa_fix')
                }
            }
            _alignMenu();
            _alignNotifications()
        }, _delItem = function (i, uiAction) {
            if (uiAction && _isDeleting) {
                return false
            }
            _isDeleting = true;
            var _li = $('#' + NOTIF_LIST).children().get(i),
                _lilog = _li.cloneNode(true);
            FA.Debugger.log('_delItem #' + i, _lilog);
            if (uiAction) {
                FA.Notification.delItem({
                    index: i
                })
            }
            $(_li).fadeOut(200, function () {
                $(this).remove();
                _alignNotifications();
                _isDeleting = false
            })
        }, _addItem = function (i, data) {
            var _dummy_notif, _text, _args, _maindiv, _divtext;
            FA.Debugger.log('_addItem2 #' + i, data);
            _dummy_notif = document.createElement('li');
            if (!data.read) {
                _dummy_notif.className = 'unread'
            }
            _maindiv = document.createElement('div');
            _maindiv.className = "content";
            _divtext = document.createElement('div');
            _divtext.className = "contentText ellipsis";
            _text = compileNotif(data);
            if (_text) {
                $(_divtext).html(_text)
            } else {
                _divtext.appendChild(document.createTextNode('#' + i + ' ' + JSON.stringify(data)))
            }
            if ($("#" + NOTIF_LIST + " li").length > 1) {
                _maindiv.appendChild(document.createElement('hr'))
            }
            _maindiv.appendChild(_divtext);
            $(_maindiv.appendChild(document.createElement('a'))).addClass('delete').attr('href', '#');
            _dummy_notif.appendChild(_maindiv);
            $('#' + NOTIF_LIST + ' li:nth-child(' + i + ')').before($(_dummy_notif).hide().fadeIn(200, function () {
                _alignNotifications()
            }))
        }, _readItem = function (i) {
            FA.Debugger.log('_readItem #' + i);
            $('#' + NOTIF_LIST + ' li:nth-child(' + (i + 1) + ')').removeClass('unread')
        }, refresh = function (o) {
            var _i, _j, _length = 0;
            FA.Debugger.log(jQuery.extend({}, o));
            if (o.unread != undefined) {
                if (o.unread) {
                    $('#' + NOTIF_UNREAD).text('(' + o.unread + ')');
                    $('#' + NOTIFICATIONS).addClass('unread')
                } else {
                    $('#' + NOTIFICATIONS).removeClass('unread')
                }
            }
            if (o.map) {
                for (_i in o.map) {
                    if (typeof o.map[_i] == 'function') continue;
                    _length++;
                    _i = parseInt(_i);
                    FA.Debugger.log('-------', _i, o.set[_i], o.data[o.set[_i]], o.data);
                    if (o.map[_i] === null) {
                        _addItem(parseInt(_i) + 1, o.data[o.set[_i]])
                    } else {
                        FA.Debugger.log(o.data[o.set[_i]].read, !o.data[o.set[_i]].read, o.data[o.set[_i]].read == 1);
                        if (o.data[o.set[_i]].read) {
                            _readItem(_i)
                        }
                    }
                }
                for (_i = 0, _j = _length - o.max; _i < _j; ++_i) {
                    _delItem(_i)
                }
            }
        }, compileNotif = function (data) {
            var _text;
            switch (data.text.type) {
                case FA.Notification.NOTIF_PRIV_MSG:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name,
                        msg_id: data.text.msg_id
                    };
                    _text = jQuery.vsprintf(_lang['Notif_priv_msg'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_REPORT:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name
                    };
                    _text = jQuery.vsprintf(_lang['Notif_report'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_FRIEND_REQ:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name
                    };
                    _text = jQuery.vsprintf(_lang['Notif_friend_req'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_GROUP_REQ:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name,
                        group_id: data.text.group.id,
                        group_url_name: data.text.group.url_name,
                        group_name: data.text.group.name
                    };
                    _text = jQuery.vsprintf(_lang['Notif_group_req'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_FRIEND_CON:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name
                    };
                    _text = jQuery.vsprintf(_lang['Notif_friend_con'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_WALL_MSG:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name,
                        self: data.text.self
                    };
                    _text = jQuery.vsprintf(_lang['Notif_wall_msg'], [_args]) || false;
                    break;
                case FA.Notification.NOTIF_ABUSE:
                    _text = _lang['Notif_abuse'] || false;
                    break;
                case FA.Notification.NOTIF_TOPIC_WATCH:
                    _args = {
                        id: data.text.from.id,
                        name: data.text.from.name,
                        topic_id: data.text.post.topic_id,
                        topic_name: data.text.post.topic_name,
                        post_id: data.text.post.post_id
                    };
                    if (data.text.post.start) {
                        _args.start = data.text.post.start
                    }
                    FA.Debugger.log('compileNotif()', _lang['Notif_topic_watch_p'], _lang['Notif_topic_watch'], _args);
                    _text = jQuery.vsprintf(_args.start ? _lang['Notif_topic_watch_p' + (_args.id == -1 ? '_guest' : '')] : _lang['Notif_topic_watch' + (_args.id == -1 ? '_guest' : '')], [_args]) || false;
                    break
            }
            return _text
        };
    return {
        FA_TOOLBAR: FA_TOOLBAR,
        LEFT: LEFT,
        SEARCH: SEARCH,
        MAGNIFIER: MAGNIFIER,
        TEXTAREA: TEXTAREA,
        SHARE: SHARE,
        RIGHT: RIGHT,
        FA_TOOLBAR_HIDDEN: FA_TOOLBAR_HIDDEN,
        ICON: ICON,
        SERVICE: SERVICE,
        SHARE_TEXT: SHARE_TEXT,
        FB: FB,
        TWITTER: TWITTER,
        GP: GP,
        MAIL: MAIL,
        MAIL_FORM: MAIL_FORM,
        RSS: RSS,
        MENU: MENU,
        HIDE: HIDE,
        SHOW: SHOW,
        WELCOME: WELCOME,
        NOTIFICATIONS: NOTIFICATIONS,
        NOTIF_LIST: NOTIF_LIST,
        NOTIF_UNREAD: NOTIF_UNREAD,
        LIVE_NOTIF: LIVE_NOTIF,
        compileNotif: compileNotif,
        init: init,
        refresh: refresh
    }
})();

et le second

Code:

$(function() {
  var toolbar_alias = {
 
    Share : 'Partagez',
    Login : 'Connexion',
    Register : 'S\'enregistrer',
    Welcome : 'Bienvenue',
    Notifications : 'Notifications',
 
    See_my_profile : 'Voir mon profil',
    Edit_profile : 'Editer mon profil',
    All_Topics : 'Mes sujets',
    All_Messages : 'Mes messages',
    js_topics_followed : 'Mes sujets suivis',
    Admin_panel : 'Panneau d\'administration',
    Logout : 'Déconnexion',
 
    Notif_see_all : 'Voir toutes les notifications',
    Notif_priv_msg : 'Vous avez reçu un <a href="/privmsg?folder=inbox&amp;nid=%(nid)s">message privé</a> de la part de <a href="/u%(id)d">%(name)s</a>',
    Notif_report : '<a href="/u%(id)d">%(name)s</a> a créé un <a href="/report?nid=%(nid)s">rapport de message</a>',
    Notif_friend_req : 'Vous avez reçu une <a href="/profile?mode=editprofile&amp;nid=%(nid)s&amp;page_profil=friendsfoes">demande d\'ami</a> de la part de <a href="/u%(id)d">%(name)s</a>',
    Notif_group_req : '<a href="/u%(id)d">%(name)s</a> a effectué une demande d\'adhésion au groupe <a href="/g%(group_id)d-%(group_url_name)s?nid=%(nid)s">%(group_name)s</a>',
    Notif_friend_con : '<a href="/u%(id)d">%(name)s</a> vient de se connecter au forum',
    Notif_wall_msg : '<a href="/u%(id)d">%(name)s</a> a écrit un message sur <a href="/u%(self)dwall?nid=%(nid)s">votre mur</a>',
    Notif_abuse : '<a href="/admin/index.forum?mode=active&amp;nid=%(nid)s&amp;part=misc&amp;sub=support">Un abus</a> a été signalé',
    Notif_topic_watch : '<a href="/u%(id)d">%(name)s</a> a écrit un message dans <a href="/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_p : '<a href="/u%(id)d">%(name)s</a> a écrit un message dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_guest : 'Un invité a écrit un message dans <a href="/t%(topic_id)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_topic_watch_p_guest : 'Un invité a écrit un message dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet que vous suivez</a>',
    Notif_mention : '<a href="/u%(id)d">%(name)s</a> vous a tagué dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet</a>',
    Notif_hashtag : 'Le mot-clé <a href="/tags/%(tag)s">#%(tag)s</a> a été tagué dans <a href="/t%(topic_id)dp%(start)d-%(topic_name)s?nid=%(nid)s#%(post_id)d">un sujet</a>.',
 
    All_PMs : 'Mes messages privés',
    No_assigned_rank : 'Aucun rang spécial assigné',
    Posts : 'Messages',
    PMs : 'MPs',
    Reputation : 'Réputation'
 
  },i;
 
  if (window._lang) for (i in toolbar_alias) window._lang[i] = toolbar_alias[i];
});

[chattigre]

Bonjour,

Je passe la main concernant ces scripts, en espérant que quelqu'un pourra vous aider

Concernant le souci du haut du forum qui se fait manger, je ne reproduis pas sous Firefox , étrange...
Avez-vous personnalisé des templates ? Si oui lesquels ?

Bonne journée

[Pandamalin]

Effectivement je pense qu'il était question d'un soucis de navigateur de mon côté car ça ne le fait pas ailleurs et mes membres qui sont une bonne trentaine ne voient rien de problématique. Je ne vais donc pas vous embêter outre mesure avec cela et puisque la toolbar fonctionne correctement je pense dire que la question est résolue. Je vous remercie infiniment pour vos réponses et votre aide !

[chattigre]

Re,
Je vous en prie !
Regardez pour vider le cache de votre navigateur pour résoudre éventuellement votre souci perso.
Regardez aussi si le problème disparait en désactivant les éventuels modules complémentaires installés

Bonne journée