[AwesomeBB] Script pour rafraichissement immediat (réponse rapide) ne fonctionne pas (bis)

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://gemurama.com/

Description du problème

Bonjour,

Je reviens vers vous à propos de ce script.

C'est suite à ce topic : https://forum.forumactif.com/t407747-awesomebb-script-pour-rafraichissement-immediat-reponse-rapide-ne-fonctionne-pas

Le script a été corrigé....

Code:

<script>
    $(function() {
        let lURL = location.pathname + ' .post-wrap:last',
            posts_by_page = 25,
            lastPage;
        $('#quick-reply-send').click(function(e) {
            e.preventDefault();
            clickQuick_post();
        });

        let getPost = function(url) {
                /*CHARGEMENT DU DERNIER MESSAGE*/
                $('#load_quick_reply').fadeOut('fast');
                $('.newPosts:last').fadeIn('fast').after('<div class="newPosts" style="display: none;"></div>');
                $('#load_quick_reply').load(url, function() {
                    $('#load_quick_reply').fadeIn('fast');
                    $('#quick-reply-send').click(function(e) {
                        e.preventDefault();
                        clickQuick_post();
                    });
                });

            },
            clickQuick_post = function() {
                if (!$('.newPosts').is(':visible')) fixedmenu();
                /*ENVOI DU FORMULAIRE VIA LA REPONSE RAPIDE*/
                let f = $('#quick_reply').serializeArray(),
                    t = $('#quick_reply').attr('action'),
                    posts = $('.post-wrap').size(),
                    m = $('#text_editor_textarea');

                for (let i = 0, j = f.length; i < j; i++){
                    if (f[i]['name'] == 'message'){
                        try {
                            f[i].value = m.sceditor('instance').val();
                        } catch(error){
                            f[i].value = m.val();
                        }
                    }
                }
                f[f.length] = {name: 'post', value: 'send'};

                if (posts == posts_by_page && lastPage == undefined) {
                    pagination(posts_by_page);
                } else if (lastPage != undefined) {
                    pagination(lastPage)
                }
                $.post(t, f, function(xhr) {
                    if (xhr.indexOf('Message enregistré avec succès') == -1) {
                        newMessagePosted();
                    } else {
                        $('.newPosts:last').load(lURL, function() {
                            getPost(location.pathname + ' #load_quick_reply');
                            refreshScript();
                        });
                    }
                });
            },
            refreshScript = function() {
                /*RECHARGEMENT DES SCRIPTS CONCERNANT LES MESSAGES*/
                $.getScript('https://illiweb.com/rs3/14/frm/awesome/main.js');
                setTimeout(function() {
                    $('#quick-reply-avatar').html(_userdata['avatar']);
                    $.getScript('https://illiweb.com/rs3/19/frm/SCEditor/src/instance-sceditor.js');
                }, 600);
                unwrapSelect();
            },
            newMessagePosted = function() {
                /*TRAITEMENT SI UN NOUVEAU MESSAGE A ETE POSTER AVANT LE NOTRE*/
                $('.newPosts:last').load(lURL, function() {
                    refreshScript();
                    $('.newPosts:last').fadeIn('fast').after('<div class="newPosts" style="display: none;"></div>');
                });
                if (!$('#nmp').length) {
                    $('#load_quick_reply').before('<div id="nmp">Un nouveau message a été posté ! Vous pouvez le consulter ci-dessus puis choisir de modifier ou non votre message et l\'envoyer avec le bouton ci-dessous </br><button class="rep-button"><span class="rep-cat"><i class="material-icons">done</i></span><span>POSTER</span></button></div>');
                    $('input[name="lt"]').val(parseInt($('input[name="lt"]').val()) + 1);
                    $.get('/t' + $('input[name="t"]').val() + '-?view=newest', function() {
                        $('#nmp .rep-button').click(function(e) {
                            e.preventDefault();
                            let f = $('#quick_reply').serializeArray(),
                                t = $('#quick_reply').attr('action'),
                                m = $('#text_editor_textarea');

                            for (let i = 0, j = f.length; i < j; i++){
                                if (f[i]['name'] == 'message'){
                                    try {
                                        f[i].value = m.sceditor('instance').val();
                                    } catch(error){
                                        f[i].value = m.val();
                                    }
                                }
                            }
                            f[f.length] = {name: 'post', value: 'send'};

                            $.post(t, f, function() {
                                $('.newPosts:last').load(lURL, function() {
                                    getPost(location.pathname + ' #load_quick_reply', function() {
                                        isLastPage();
                                    });
                                    refreshScript();
                                    $('#nmp').remove();
                                });
                            });
                        });
                    });
                }
            },
            pagination = function(pbp) {
                /*DEFINI L'URL DE LA NOUVELLE PAGE DES MESSAGES A RECUPERER SI ON ATTEINT LE NOMBRE DE MESSAGES DEFINI PAR PAGE*/
                let topic = $('input[name="t"]').val(),
                    path = location.pathname.match(/p[0-9]+/);
                if (path != null) {
                    let page = parseInt(path[0].replace(/p/g, '')) + pbp;
                    if (pbp != posts_by_page) {
                        page = pbp;
                    }
                    lURL = '/t' + topic + 'p' + page.toString() + '- .post-wrap:last';
                } else {
                    lURL = '/t' + topic + 'p' + pbp.toString() + '- .post-wrap:last';
                }
            },
            isLastPage = function() {
                /*AVERTI L'UTILISATEUR QUE SEUL LES NOUVEAUX MESSAGES POSTER EN DERNIERE PAGE (SI IL N'Y EST PAS DEJA) SERONT CHARGE SUR LA PAGE OU IL SE TROUVE*/
                let lp = $('.pagination').length;
                if (lp != 0) {
                    let p = $('.pagination:last').children().children(),
                        pl = p.length - 1,
                        nName = p[pl].nodeName;
                    if (nName != 'STRONG') {
                        $('.quick-reply-textarea-wrap textarea').attr('placeholder', 'Vous utilisez la réponse rapide sans rechargement de page, seul les nouveaux messages postés seront chargés');
                        let topic = $('input[name="t"]').val(),
                            newLoc = (parseInt(p[pl - 1].innerText) - 1) * posts_by_page;
                        lURL = '/t' + topic + 'p' + newLoc + '-';
                        lastPage = newLoc;
                    }
                }
            },
            unwrapSelect = function() {
                /*RETIRE LES NOUVEAUX ELEMENTS INUTILES ET DONNANT UN AFFICHAGE CASSER DU AU RECHARGEMENT DES SCRIPTS*/
                $('.jumpbox-wrap select').unwrap();
                if ($('.quickmod-wrap').length) {
                    $('.quickmod-wrap select').unwrap();
                }
            },
            fixedmenu = function() {
                $('#main-menu ul:last, #main-menu .divider:last').remove();
                $('#main-menu ul:last').remove();
                $('#header-notif').click(e => {
                    $('#notif-menu').toggleClass('visible hidden')
                });
                $('#header-user').click(e => {
                    $('#main-user-menu').toggleClass('visible hidden')
                });
                $('#main-menu-btn').click(e => {
                    $('#main-menu').toggleClass('visible hidden')
                });
            };
        isLastPage();
    }); </script>

Sauf qu'à force de l'utiliser, nous avons constaté un autre bug.

Cette partie là :

Code:

 ('<div id="nmp">Un nouveau message a été posté ! Vous pouvez le consulter ci-dessus puis choisir de modifier ou non votre message et l\'envoyer avec le bouton ci-dessous </br><button class="rep-button"><span class="rep-cat"><i class="material-icons">done</i></span><span>POSTER</span></button></div>');

Un nouveau message a été posté pendant qu'on écrit. Quand on envoi la réponse, il y a une alerte qui nous demande de confirmer ou non l'envoi.... Malheureusement, quand on choisit d'envoyer notre message, ça ne fonctionne pas, c'est le dernier message du sujet qui apparaît en doublon.   :/

Merci d'avance pour votre aide

[Invité]

Je relance et j'en profite pour poster un photo pour montrer à quel moment le bug apparaît :



Donc quand je décide d'envoyer, c'est le dernier message du sujet qui apparaît en doublon. Le mien n'est pas posté.

[Bipo]

Bonjour @Zlork,

Je me permets de passer rapidement sur votre demande d'entraide afin de taguer le créateur de ce script (@Self) en espérant qu'il ait le temps de pouvoir vous répondre.

Bonne journée sur Forumactif.
Bipo.

[Self]

Bonjour.

Il me faudrait quelque précision en plus.
Pouvez-vous observer le comportement du script et me dire à quel moment exacte ça nous fait ça ?
Est-ce à chaque fois qu'il y a un nouveau message de posté avant l'envoi de la réponse ?
Est-ce lorsque le sujet atteint une nouvelle page ?

Je tiens juste à préciser que le script a ses limites et n'est pas la pour remplacer une messagerie instantanée mais plus dans le but d'avoir un aperçu du sujet sans passer par d'autres pages avant de revenir sur celle du sujet.

[Invité]

Bonjour.

Il me faudrait quelque précision en plus.
Pouvez-vous observer le comportement du script et me dire à quel moment exacte ça nous fait ça ?
Est-ce à chaque fois qu'il y a un nouveau message de posté avant l'envoi de la réponse ?
Est-ce lorsque le sujet atteint une nouvelle page ?

Je tiens juste à préciser que le script a ses limites et n'est pas la pour remplacer une messagerie instantanée mais plus dans le but d'avoir un aperçu du sujet sans passer par d'autres pages avant de revenir sur celle du sujet.

Bonjour

Le script marche très bien dans l'ensemble.  Comme vous pouvez voir sur le lien et le script que j'ai posté dans mon premier message, Toryudo a pu corriger, du moins en grande partie

En effet, les membres et moi avons constaté un autre problème à force d'utilisation  :

A chaque fois qu'il y a un nouveau message de posté avant l'envoi de la réponse, on a le message de confirmation avec le bouton poster (voir image posté un peu plus haut). Et quand on clique sur ce bouton, c'est le dernier message du sujet qui apparaît en doublon. Nouvelle page ou pas.

Merci par avance pour votre aide

[Self]

Bonsoir Zlork.

Le script de base charge la réponse postée avant la confirmation par le bouton, une fois qu'on appuis sur le bouton, le script envoie votre réponse et la charge également ce n'est donc pas le bouton qui est en cause mais le chargement avant la confirmation. Je me libère un forum test de tout codes pour faire des tests en cette fin de semaine et je reviens vers vous dès que j'ai fais tout ça, n'hésitez pas à faire des ups réguliers sans pour autant en faire tout les jours le sujets ne sont archivés qu'au bout de 7jours sans réponse de votre part.

A bientôt

[Invité]

Bonsoir Zlork.

Le script de base charge la réponse postée avant la confirmation par le bouton, une fois qu'on appuis sur le bouton, le script envoie votre réponse et la charge également ce n'est donc pas le bouton qui est en cause mais le chargement avant la confirmation. Je me libère un forum test de tout codes pour faire des tests en cette fin de semaine et je reviens vers vous dès que j'ai fais tout ça, n'hésitez pas à faire des ups réguliers sans pour autant en faire tout les jours le sujets ne sont archivés qu'au bout de 7jours sans réponse de votre part.

A bientôt

J'ai oublié de préciser que le ou les nouveaux messages postés avant la confirmation arrivent bien

Je ne promet rien mais si ça peut vous aider, je vais essayer de faire un gif pour mieux montrer le problème

A bientôt et merci encore

[Invité]

Salut,

Comme promis, j'ai réalisé un petit gif pour mieux montrer le problème :



Comme vous pouvez voir :

Le message posté (Test 2) avant la confirmation arrive bien.
Après avoir confirmé l'envoi en cliquant sur le bouton POSTER, ce n'est pas le message Test 3 qui est envoyé, c'est le dernier message du sujet qui apparaît en doublon.

Quand on réactualise la page (je n'ai pas montré sur le gif car trop long) :
le doublon a disparu (mais le message initial Test 2 est toujours là)
le message Test 3 n'a pas été envoyé et donc pas là

J'espère que ça va vous aider

En tout cas, c'est un très beau script que vous avez créé, vraiment. Ca ne transforme pas le forum en messagerie instantané mais presque, ça rend l'utilisation très très agréable

[Invité]

Je relance pour le week-end

[Self]

bonsoir Zlork.

Avant de commencer mes tests je me posais une question. Pourriez vous s'il vous plait me dire ce qu'il se passe si vous essayez de renvoyer le message à partir de la réponse rapide après le deuxième chargement ? Le script vous dit-il toujours qu'il y a un nouveau message de posté ou il poste la réponse ?

[Invité]

Vous voulez que je teste l’envoi d'un message via réponse rapide après l’apparition du doublon ?

Si oui,

Si j'envoie un message après l'apparition du doublon, le message est bien envoyé mais l'alerte n'apparait pas (et ça me semble logique vu que le message posté est déjà arrivé)

[Self]

C'était juste pour moi en savoir le plus possible avant de tester tout ça

[Self]

Bonjour Zlork !!

Malgré mes multiples tests je ne reproduis pas ce que vous m'avez montré. Auriez-vous le lien de votre forum test avec le code installé que je puisse voir ce qui pose problème sur celui-ci ?

[Invité]

Bonjour Zlork !!

Malgré mes multiples tests je ne reproduis pas ce que vous m'avez montré. Auriez-vous le lien de votre forum test avec le code installé que je puisse voir ce qui pose problème sur celui-ci ?

Bonjour Self

https://gemutest.forumactif.com/

Un forum complètement vierge. J'ai installé le script pour que vous puissiez tester.
J'ai testé au cas où et j'ai le même problème.

Juste pour qu'on s'accorde bien, le script que j'ai installé est celui corrigé par Toryudo :

Code:

  <script>
    $(function() {
        let lURL = location.pathname + ' .post-wrap:last',
            posts_by_page = 25,
            lastPage;
        $('#quick-reply-send').click(function(e) {
            e.preventDefault();
            clickQuick_post();
        });

        let getPost = function(url) {
                /*CHARGEMENT DU DERNIER MESSAGE*/
                $('#load_quick_reply').fadeOut('fast');
                $('.newPosts:last').fadeIn('fast').after('<div class="newPosts" style="display: none;"></div>');
                $('#load_quick_reply').load(url, function() {
                    $('#load_quick_reply').fadeIn('fast');
                    $('#quick-reply-send').click(function(e) {
                        e.preventDefault();
                        clickQuick_post();
                    });
                });

            },
            clickQuick_post = function() {
                if (!$('.newPosts').is(':visible')) fixedmenu();
                /*ENVOI DU FORMULAIRE VIA LA REPONSE RAPIDE*/
                let f = $('#quick_reply').serializeArray(),
                    t = $('#quick_reply').attr('action'),
                    posts = $('.post-wrap').size(),
                    m = $('#text_editor_textarea');

                for (let i = 0, j = f.length; i < j; i++){
                    if (f[i]['name'] == 'message'){
                        try {
                            f[i].value = m.sceditor('instance').val();
                        } catch(error){
                            f[i].value = m.val();
                        }
                    }
                }
                f[f.length] = {name: 'post', value: 'send'};

                if (posts == posts_by_page && lastPage == undefined) {
                    pagination(posts_by_page);
                } else if (lastPage != undefined) {
                    pagination(lastPage)
                }
                $.post(t, f, function(xhr) {
                    if (xhr.indexOf('Message enregistré avec succès') == -1) {
                        newMessagePosted();
                    } else {
                        $('.newPosts:last').load(lURL, function() {
                            getPost(location.pathname + ' #load_quick_reply');
                            refreshScript();
                        });
                    }
                });
            },
            refreshScript = function() {
                /*RECHARGEMENT DES SCRIPTS CONCERNANT LES MESSAGES*/
                $.getScript('https://illiweb.com/rs3/14/frm/awesome/main.js');
                setTimeout(function() {
                    $('#quick-reply-avatar').html(_userdata['avatar']);
                    $.getScript('https://illiweb.com/rs3/19/frm/SCEditor/src/instance-sceditor.js');
                }, 600);
                unwrapSelect();
            },
            newMessagePosted = function() {
                /*TRAITEMENT SI UN NOUVEAU MESSAGE A ETE POSTER AVANT LE NOTRE*/
                $('.newPosts:last').load(lURL, function() {
                    refreshScript();
                    $('.newPosts:last').fadeIn('fast').after('<div class="newPosts" style="display: none;"></div>');
                });
                if (!$('#nmp').length) {
                    $('#load_quick_reply').before('<div id="nmp">Un nouveau message a été posté ! Vous pouvez le consulter ci-dessus puis choisir de modifier ou non votre message et l\'envoyer avec le bouton ci-dessous </br><button class="rep-button"><span class="rep-cat"><i class="material-icons">done</i></span><span>POSTER</span></button></div>');
                    $('input[name="lt"]').val(parseInt($('input[name="lt"]').val()) + 1);
                    $.get('/t' + $('input[name="t"]').val() + '-?view=newest', function() {
                        $('#nmp .rep-button').click(function(e) {
                            e.preventDefault();
                            let f = $('#quick_reply').serializeArray(),
                                t = $('#quick_reply').attr('action'),
                                m = $('#text_editor_textarea');

                            for (let i = 0, j = f.length; i < j; i++){
                                if (f[i]['name'] == 'message'){
                                    try {
                                        f[i].value = m.sceditor('instance').val();
                                    } catch(error){
                                        f[i].value = m.val();
                                    }
                                }
                            }
                            f[f.length] = {name: 'post', value: 'send'};

                            $.post(t, f, function() {
                                $('.newPosts:last').load(lURL, function() {
                                    getPost(location.pathname + ' #load_quick_reply', function() {
                                        isLastPage();
                                    });
                                    refreshScript();
                                    $('#nmp').remove();
                                });
                            });
                        });
                    });
                }
            },
            pagination = function(pbp) {
                /*DEFINI L URL DE LA NOUVELLE PAGE DES MESSAGES A RECUPERER SI ON ATTEINT LE NOMBRE DE MESSAGES DEFINI PAR PAGE*/
                let topic = $('input[name="t"]').val(),
                    path = location.pathname.match(/p[0-9]+/);
                if (path != null) {
                    let page = parseInt(path[0].replace(/p/g, '')) + pbp;
                    if (pbp != posts_by_page) {
                        page = pbp;
                    }
                    lURL = '/t' + topic + 'p' + page.toString() + '- .post-wrap:last';
                } else {
                    lURL = '/t' + topic + 'p' + pbp.toString() + '- .post-wrap:last';
                }
            },
            isLastPage = function() {
                /*AVERTI L UTILISATEUR QUE SEUL LES NOUVEAUX MESSAGES POSTER EN DERNIERE PAGE (SI IL N Y EST PAS DEJA) SERONT CHARGE SUR LA PAGE OU IL SE TROUVE*/
                let lp = $('.pagination').length;
                if (lp != 0) {
                    let p = $('.pagination:last').children().children(),
                        pl = p.length - 1,
                        nName = p[pl].nodeName;
                    if (nName != 'STRONG') {
                        $('.quick-reply-textarea-wrap textarea').attr('placeholder', 'Vous utilisez la réponse rapide sans rechargement de page, seul les nouveaux messages postés seront chargés');
                        let topic = $('input[name="t"]').val(),
                            newLoc = (parseInt(p[pl - 1].innerText) - 1) * posts_by_page;
                        lURL = '/t' + topic + 'p' + newLoc + '-';
                        lastPage = newLoc;
                    }
                }
            },
            unwrapSelect = function() {
                /*RETIRE LES NOUVEAUX ELEMENTS INUTILES ET DONNANT UN AFFICHAGE CASSER DU AU RECHARGEMENT DES SCRIPTS*/
                $('.jumpbox-wrap select').unwrap();
                if ($('.quickmod-wrap').length) {
                    $('.quickmod-wrap select').unwrap();
                }
            },
            fixedmenu = function() {
                $('#main-menu ul:last, #main-menu .divider:last').remove();
                $('#main-menu ul:last').remove();
                $('#header-notif').click(e => {
                    $('#notif-menu').toggleClass('visible hidden')
                });
                $('#header-user').click(e => {
                    $('#main-user-menu').toggleClass('visible hidden')
                });
                $('#main-menu-btn').click(e => {
                    $('#main-menu').toggleClass('visible hidden')
                });
            };
        isLastPage();
    });

</script>

[Self]

Bonsoir Zlork.

La requête me sort une erreur #230, peut-être une piste de ce côté : https://forum.forumactif.com/t395948-une-erreur-navigateur-est-survenue-erreur-230-veuillez-contacter-le-support-technique

Il se peut que cette option soit réglée différemment sur nos forums, ce qui explique que je ne reproduirais pas ?

[Invité]

D'accord, ça fonctionne en cochant NON à une option de sécurité

Par contre en testant, j'ai remarqué un autre problème : Quand il y a plusieurs messages qui sont envoyés pendant qu'on écrit, seul le dernier message posté apparaît quand on envoie le notre. Et quand on confirme l'envoi, il y a le doublon du dernier message posté qui apparaît.

Et j'en profite pour faire une suggestion, si c'est possible bien sûr.

Quand on envoie le dernier message de la page, est-il possible de faire en sorte que le système nous redirige sur la nouvelle page ?

[Self]

Par contre en testant, j'ai remarqué un autre problème : Quand il y a plusieurs messages qui sont envoyés pendant qu'on écrit, seul le dernier message posté apparaît quand on envoie le notre. Et quand on confirme l'envoi, il y a le doublon du dernier message posté qui apparaît.

Et j'en profite pour faire une suggestion, si c'est possible bien sûr.

Quand on envoie le dernier message de la page, est-il possible de faire en sorte que le système nous redirige sur la nouvelle page ?

Ce n'est de base pas le but du script, Je peux vous faire ça sous quelques jours pour la redirection, ce qui voudrait dire que nous redirigerons également chaque personnes qui ne se trouve pas sur la dernière page du sujet, ou que nous cachons la réponse rapide si c'est le cas.
Pour le chargement de plusieurs messages ça risque de prendre cependant plus de temps si toutefois c'est réalisable pour moi .

[Invité]

Ce n'est de base pas le but du script, Je peux vous faire ça sous quelques jours pour la redirection, ce qui voudrait dire que nous redirigerons également chaque personnes qui ne se trouve pas sur la dernière page du sujet, ou que nous cachons la réponse rapide si c'est le cas.

Effectivement, je n'avais pas pensé à ça ! Si on les redirige automatiquement par surprise alors qu'ils sont entrain de lire.... Pas sûr que ça soit bien ?

Pour le chargement de plusieurs messages ça risque de prendre cependant plus de temps si toutefois c'est réalisable pour moi What a Face

Pas de souci

A choisir, je préfère, si c'est réalisable bien sûr, que vous réglez ce problème. Ma suggestion, ce n'est vraiment pas urgent

[Invité]

Je relance pour le sujet

[Invité]

Je relance, au moins pour le sujet

[Invité]

Relance pour le sujet

[Invité]

Relance pour le sujet

[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 »

[Invité]

Non, je relance. J'attends que @Self améliore le script (si possible)

[Self]

Bonjour Zlork, je suis conscient que l'attente est longue mais j'explore toute les pistes que je peux pour faire ce que vous demandez, cela à coté de ce que je dois faire dans ma vie personnelle, parfois j'avance bien, parfois j'avance pas beaucoup continuez de UP le sujet régulièrement afin qu'il ne soit pas archivé, je passerai vous donner des nouvelles de temps en temps.

[Invité]

Pas de souci, prenez votre temps

Merci encore !

[Invité]

Je relance pour le sujet

[Invité]

Je relance pour le sujet

[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 »

[Invité]

Je relance, merci