Confirmation avant de quitter un message en cours de rédaction

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Confirmation avant de quitter un message en cours de rédaction

Message par Oka.mi Ven 17 Déc 2021 - 18:54

Confirmation avant de quitter un message en cours de rédaction
Cette astuce permet de mettre en place un système qui vous assistera durant la rédaction de vos messages sur Forumactif afin que vous ne les perdiez plus à cause d'un moment de distraction. En effet, si vous vous apprêtez à quitter une page alors qu'il y a un contenu dans votre éditeur de texte (réponse rapide ou classique & message privé), une boîte de dialogue apparaîtra pour vous demander une confirmation de quitter la page, et vous proposer la possibilité de rester pour continuer votre texte.

Ce code est compatible avec toutes les versions de forums Forumactif, version mobile comprise.

Installation du script

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Confirmation avant de quitter un message" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).
Code:
var formul;
var postSubmit = false;

window.addEventListener("load", function(e) {
    var message = $('textarea[name="message"]');
    var sceditor = $('#text_editor_textarea');

    for (let i = 0; i < document.forms.length; i++) {
        if ((document.forms[i].method == "post") && (message.length || sceditor.length)) {
            formul = document.forms[i];
            formul.addEventListener("submit", function(e) {
                postSubmit = true;
            });
            break;
        }
    }

    if (formul) {
        window.addEventListener("beforeunload", function(e) {
            if (!postSubmit && ((message.val().length > 0) || (sceditor.sceditor('instance').val().length > 0))) {
                e.returnValue = false;
                return false;
            }
        });
    }
});
Validez pour envoyer le script, et le tour est joué.

Résultat

Le gardien des pavés est désormais installé sur votre forum !

Confirmation avant de quitter un message en cours de rédaction Sans_t21

Un exemple du rendu sur téléphone :

Confirmation avant de quitter un message en cours de rédaction Screen12

À noter que le contenu du message est déterminé par chaque navigateur et n'est pas personnalisable.
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum