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

[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://jeuxvideo-club.forumactif.com/

Description du problème

Bonjour à tous,

J'ai bien suivi le tutoriel : https://forum.forumactif.com/t407051-rafraichissement-immediat-de-la-page-lorsqu-un-message-est-publie

Et cela ne fonctionne pas. Quand j'envoie le message via réponse rapide, c'est le dernier message du sujet qui apparait en doublon.

Merci d'avance pour votre aide

[Invité]

Je relance

Je me demande s'il n'y a pas une erreur dans le script ?

[Invité]

Je relance avec cette fois des captures écran afin de vous aider :

J'ai mis les codes comme indiqués dans le tutoriel.



J'écris :



Puis j'envoie :



Comme vous pouvez voir, mon message apparaît en double et quand j'actualise, le message en double disparaît, comme si rien ne s'était passé.

Le script ne marche tout simplement pas. J'espère qu'un membre pourra l'aider

[Invité]

Je relance après 3 jours.

Personne trouve où ça bloque ?

[Invité]

Petite relance

[Invité]

Je relance une nouvelle fois

[Invité]

3 jours après, je relance.

J'ai posté en image le résultat plus haut. Le script fait quand même effet mais pas comme il devrait.

[Invité]

Je relance.

[Bipo]

Bonjour @Zlork,

En effet, après plusieurs essais, l'astuce proposée ne semble plus fonctionner.

Je me permets de taguer directement @Self qui est l'auteur de cette astuce pour qu'il puisse regarder l'origine du problème.

Bonne journée sur Forumactif.
Bipo.

[Toryudo]

Bonjour !
J'ai trouvé un problème dans le script, sûrement suite à une modification de la gestion du quick reply.
Pouvez-vous tester avec celui-ci ? Fonctionne chez moi quand j'ai essayé (ne pas oublier de remplacer la valeur posts_by_page encore une fois) :

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:last').index() - 1,
                    m = $('#text_editor_textarea').sceditor('instance');

                for (let i = 0, j = f.length; i < j; i++){
                    if (f[i]['name'] == 'message'){
                  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').sceditor('instance');
                            for (let i = 0, j = f.length; i < j; i++){
                                if (f[i]['name'] == 'message'){
                                  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>

[Invité]

Bonjour !
J'ai trouvé un problème dans le script, sûrement suite à une modification de la gestion du quick reply.
Pouvez-vous tester avec celui-ci ? Fonctionne chez moi quand j'ai essayé (ne pas oublier de remplacer la valeur posts_by_page encore une fois) :

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:last').index() - 1,
                    m = $('#text_editor_textarea').sceditor('instance');

                for (let i = 0, j = f.length; i < j; i++){
                    if (f[i]['name'] == 'message'){
                  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').sceditor('instance');
                            for (let i = 0, j = f.length; i < j; i++){
                                if (f[i]['name'] == 'message'){
                                  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>

Ca marche mais dès que je passe en format mobile, il est impossible d'envoyer un message via réponse rapide

[Toryudo]

Et voilà un second correctif :

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>

Par contre, il va rester un problème : si vous écrivez un message rapide alors que vous n'êtes pas sur la dernière page du sujet, et que le message qui est créé se trouve être le premier message d'une nouvelle page, alors le script ne va pas récupérer le bon dernier message... ça commence à faire beaucoup de choses à changer si on se lance dans ce problème, prenez plutôt l'habitude d'écrire un message rapide quand vous êtes sur la dernière page d'un sujet et tout ira bien normalement :p

[Invité]

Et voilà un second correctif :

---

Par contre, il va rester un problème : si vous écrivez un message rapide alors que vous n'êtes pas sur la dernière page du sujet, et que le message qui est créé se trouve être le premier message d'une nouvelle page, alors le script ne va pas récupérer le bon dernier message... ça commence à faire beaucoup de choses à changer si on se lance dans ce problème, prenez plutôt l'habitude d'écrire un message rapide quand vous êtes sur la dernière page d'un sujet et tout ira bien normalement :p

Je n'ai pas compris ?

J'ai testé.

Déjà que ce soit sur PC ou mobile, ça fonctionne.

Ensuite j'ai essayé sur un sujet 3 pages. J'ai écris un message rapide sur la première et deuxième page, ça s'est bien passé. Que ce soit sur mobile ou PC

[Toryudo]

Alors tant mieux, j'ai dû rencontrer un cas particulier, mais si ça n'arrive pas chez vous, c'est parfait !

[Invité]

Alors tant mieux, j'ai dû rencontrer un cas particulier, mais si ça n'arrive pas chez vous, c'est parfait !

Par contre, j'ai oublié de dire, une fois le message envoyé, ça me renvoie pas automatiquement à la dernière page.

Ca fait un peu bizarre mais bon....

[Toryudo]

Bonjour !

Ça me parait cohérent avec ce que souhaite faire le script, le texte de base est d'ailleurs modifié en ce sens quand on tente d'écrire une réponse et qu'on ne se trouve pas sur la dernière page :

Pour les améliorations éventuelles, je pense que pour le coup, il faudrait voir avec l'auteur du script de base

[Invité]

Merci encore.

Je passe donc le sujet en résolu