Sauvegarde des messages en cours de rédaction
Qui n'a jamais hurlé de rage et saisi violemment son clavier pour battre à mort un innocent qui passait par là, lorsqu'un message de trouzmille cinq cent quatre lignes que vous étiez en train de rédiger est perdu à tout jamais parce que :
- Le forum plante bêtement au moment de l'envoi
- Votre navigateur se ferme sans explication (ni coups de semonce)
- Vous rechargez la page malencontreusement, ou revenez sur la précédente
Disons-le clairement : C'est chiant, et ça vous donne envie de retourner des bébés phoques comme de vulgaires chaussettes qui traîneraient dans votre panier à linge depuis deux mois.
On connaît, on connaît. Et sinon, à part nous rappeler ces moments de douleur que l'on aimerait chasser de notre vie, tu voulais nous dire quoi ?
Hé bien mes bons, j'ai la solution !
Vous allez pouvoir écrire votre message en prenant autant de temps que vous le voulez. Vous allez pouvoir planter, fermer votre navigateur, redémarrer votre pc, puis revenir onze jours plus tard et retrouver votre message qui vous attendait sagement, à la virgule près. Le tout en permettant aux fondateurs de forums de quand même personnaliser leurs templates sans se soucier de la compatibilité de diverses classes.
Toi, lecteur a écrit:"Nom de dieu Manu, tu nous vends du rêve par transpalettes de 12 là !"
Je sais, et la cerise sur le McParfait, c'est que ça tient en un seul petit script très facile à intégrer. Passons donc à la pratique.
Comment ça marche ?
D'un point de vue utilisateur, c'est très simple : Celui-ci écrit tranquillement son message, et tout est normal. Si pour une raison ou une autre il doit revenir sur cette page sans avoir fini son message, un bouton apparaît entre "Prévisualiser" et "Envoyer".
Un petit clic sur ce dernier remplis le champ de texte avec le message sauvegardé en l'état.
Dans certains cas (par exemple, revenir sur la page du message en cliquant sur le bouton "page suivante" du navigateur, le chargement est un peu altéré et le bouton est inactif. Il suffit de recharger à nouveau la page de post et tout fonctionne.
Attention toutefois : Dans le cas d'une édition, appuyer sur le bouton remplacera le contenu actuel du champ d'écrituer en totalité.
Cela ne fonctionne pour l'instant qu'en cas de réponse à un sujet existant, pas à la création d'un nouveau sujet.
Comment l'installer
- Il suffit d'aller dans votre espace d'administration, Modules → HTML & Javascript → Gestion des codes Javascript.
- Assurez-vous que "Activer la gestion des codes Javascript" est bien actif, puis cliquez sur "Créer un nouveau javascript".
- Dans la nouvelle fenêtre, copiez-collez simplement ce code, tel quel :
- Code:
;var messageSaver=function(r){var u=function(e,a,t,r){var n=localStorage.getItem(t);if("undefined"==n)return!1;var o=JSON.parse(n);return o.userID===e&&o.topicURL===r&&""===a};return{init:function(){var n=window.location.host,o=_userdata.user_id,s=function(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var a=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(window.location.href),t=r("#text_editor_textarea").siblings('input[name="'+e+'"]').val();return null===a?t:a[1]}("t"),e=r('form[action="/post"]'),a=e.find('input[name="post"]'),i=r("#text_editor_textarea").sceditor("instance");i.bind("keyup",function(){var e,a,t,r;e=o,a=i.val(),t=n,r={userID:e,topicURL:s,message:a},localStorage.setItem(t,JSON.stringify(r))}),localStorage.getItem(n)&&a.before('<input type="button" class="mainoption btn-loader" id="ms-loader" value="Charger le message sauvegardé" /> '),e.on("click","#ms-loader",function(){!function(e,a,t,r){var n=localStorage.getItem(t);if("undefined"!=n){var o=JSON.parse(n);u(e,a.val(),t,r)?a.val(o.message):alert("Erreur 1: La vérification du message enregistré a échoué.")}else alert("Erreur 2: Il n’y a aucun message sauvegardé.")}(o,i,n,s)})}}}(jQuery);$(window).load(function(){"undefined"==typeof _userdata?console.log('L’objet "_userdata" de forumactif n’a pas été trouvé. Le script de sauvegarde des messages en cours d’écriture ne peut pas fonctionner.'):messageSaver.init()});
- Cochez bien la case "Toutes les pages"
- Validez
Et c'est tout !
Notez cependant que le bouton possède une classe btn-loader que vous pouvez utiliser pour, par exemple, rendre le bouton plus visible via le CSS.
Exemple :
- Code:
.btn-loader {
background: #a00000;
color: #fff;
text-shadow: 1px 0 0 rgba(0,0,0,.2)
}
Une note sur la compatibilité
Ce script est prévu pour fonctionner sur tous les navigateurs principaux (Internet Explorer à partir de la version 8, Chrome, Firefox, Opera et Safari).
Cependant, il ne fonctionne pour l'instant que sur un forum phpBB2 (et éventuellement Invision, mais il faut que je teste).
Évolutions
À terme, je voudrais évidemment rendre ce script compatible avec phpBB3 (et Invision s'il le faut).
Je songe aussi à ajouter de nouvelles fonctionnalités :
- Sauvegarde possible sur plusieurs sujets différents
- Sauvegarde du titre et contenu en cas de nouveau sujet
Si vous avez d'autres fonctionnalités en tête, faites-le moi savoir.
Si vous êtes développeur JS et que vous souhaitez voir le code pour l'adapter à vos besoin ou travailler dessus et proposer des ajouts ou autres améliorations, vous pouvez accéder au [url="https://github.com/emmanuelbeziat/forumactif-messageSaver"]projet GitHub[/url].
Enjoy !
Mises à jour
- [20/01/2015] → Fonctionne maintenant avec les formulaires de réponse rapide.
- [08/09/2014] v1.1 → Fonctionne maintenant en mode d'écriture classique ou dynamique.
Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
Si vous avez des problèmes avec ce LS, venez poster ici.
Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
Dernière édition par Manumanu le Jeu 14 Mar 2019 - 23:17, édité 5 fois
