: Tuto Par :
Alerte de confirmation de changement de page avec jQuery pour un formulaire avec ckeditor

Pour la réalisation de mon backend du site que vous visualisez en ce moment même j’ai été confronté à un problème d’assistance anti-connerie. Je me suis rendu compte qu'il était aisé de fermer par mégarde la page de création de son nouvel article.

J’ai donc cherché à faire comme pour wordpress & co, c’est à dire, faire apparaitre un message de confirmation ( en JavaScript ) si une partie du formulaire à été modifié. Cela ne pose pas de vrai difficulté et on trouve facilement des morceaux de code sur internet. Il en est autrement pour CKeditor, et encore plus pour avoir quelque chose qui fonctionne pour les deux en même temps. Voila donc une proposition personnelle pour s’empêcher de faire une connerie :

Pour les inputs :

var unsaved = false;

$(":input").change(function () {
    
    unsaved = true;
});
function unloadPage() {    
    if (unsaved) {
        return "Unsaved changes present!";
    }
}
window.onbeforeunload = unloadPage;

Pour CKEditor :

$( ".edit-form" ).submit(function( event ) {
   for (editorName in CKEDITOR.instances) {
        if (CKEDITOR.instances[editorName].checkDirty()) {
            CKEDITOR.instances[editorName].resetDirty();            
        }
    }
   unsaved = false;
});    

$(function () {
    document.body.onbeforeunload = function () {
        for (editorName in CKEDITOR.instances) {
            if (CKEDITOR.instances[editorName].checkDirty()) {
                return "Unsaved changes present!";
            }
        }
    }
})

Vous noterez la boucle for qui (en théorie) permet d'appliquer la modification à toutes les instances de CKEditor.

Avatar de l'utilisateur Nodoka

Nodoka

PedoQueen des intrawebz 2.0, antéchristine de la connerie, j'aime les loli, les vocaloid, l’humour noir (car le blanc est raciste) et les Animés. Promis je te mangerais trollement bien avec amour. Ma devise : "If her age is on the clock, she's old enough for the cock".

Articles Aléatoires

Passage sous PHP7

Passage sous PHP7

Migrer un serveur Debian de PHP5 à PHP7 facilement en 30min Voir +
Bla bla Mangesque : GATE Au-delà de la porte

Bla bla Mangesque : GATE Au-delà de la porte

Petite critique (mauvaise fois inside ?) du manga GATE : JSDF L'animé c'est de la merde Voir +
Explication sur le TLS/SSL : Le chiffrement des connexions internet HTTPS

Explication sur le TLS/SSL : Le chiffrement des connexions internet HTTPS

Le comment du pourquoi de l'utilisation de TLS/SSL pour proteger les communications HTTPS Voir +

Dernieres Quotes DTC

(Par LicorneBadass)

À défaut d'avoir la côte auprès de sa patronne, il l'a maintenant sur DTC.

Hitsuke : Comme d'hab, je glandais au taf, sur DTC , j'avais la tête dans le cul, j'avais pas pris mon café (bon en vrai je prend du Nesquick, mais dire que je prend du café, ça fait un peu plus viril)

Hitsuke : Ma patronne se ramène, me demande si je peux lui sortir des quotes

Hitsuke : Là je suis sur le cul, de 1 je me demande comment elle m'a grillé en train de glander, de 2, comment elle connait DTC

Tom : J'avoue ouais

Hitsuke : Du coup, je cherches pas à comprendre, je lui imprime les dernières quotes et je lui file ...

Hitsuke : Elle se tire, et reviens 1h plus tard, me demandant qu'est ce que c'était que je lui avait filé, j'ai pris une charge o/

Tom : Bah pourquoi ??

Hitsuke : Elle avait rendez-vous avec un client, elle voulait les côtes d'un produit ...

Tom : xD

Tom : GROS BOULET

Hitsuke : Bon cela dit, j'aurais quand même voulu voir sa gueule quand le client lui à demander les côtes et qu'elle a sortit ma page de quotes

Hitsuke : Parlons sérieusement sinon ....

Tom : C'est possible avec toi ?

Hitsuke : Comment on s'inscrit à Pole Emploi ? (A titre d'info, c'est pour un ami)

#19750 - Voir les commentaires

(A propos de)

Hitsuke : Comme d'hab, je glandais au taf, sur DTC , j'avais la tête dans le cul, j'avais pas pris mon café (bon en vrai je prend du Nesquick, mais dire que je prend du café, ça fait un peu plus viril)

Hitsuke : Ma patronne se ramène, me demande si je peux lui sortir des quotes

Hitsuke : Là je suis sur le cul, de 1 je me demande comment elle m'a grillé en train de glander, de 2, comment elle connait DTC

Tom : J'avoue ouais

Hitsuke : Du coup, je cherches pas à comprendre, je lui imprime les dernières quotes et je lui file ...

Hitsuke : Elle se tire, et reviens 1h plus tard, me demandant qu'est ce que c'était que je lui avait filé, j'ai pris une charge o/

Tom : Bah pourquoi ??

Hitsuke : Elle avait rendez-vous avec un client, elle voulait les côtes d'un produit ...

Tom : xD

Tom : GROS BOULET

Hitsuke : Bon cela dit, j'aurais quand même voulu voir sa gueule quand le client lui à demander les côtes et qu'elle a sortit ma page de quotes

Hitsuke : Parlons sérieusement sinon ....

Tom : C'est possible avec toi ?

Hitsuke : Comment on s'inscrit à Pole Emploi ? (A titre d'info, c'est pour un ami)

#19750 - Voir les commentaires

(Par Edwon_25)

🎶 Supercalifragilisticexpialidocious... 🎶