Partage

Empêcher actualisation page lors d'une modif

Dialogue jQuery UI

Sujet résolu
2 janvier 2018 à 8:36:13

Bonjour :)

Je suis en train de finir de mettre au point ma structure AJAX pour modifier des champs dans ma base de données, c'est trop cool, je suis content.

J'ai besoin d'aide pour une petit truc.

Sur ma page j'ai un bouton "éditer" à côté d'une div de texte, quand on clique dessus, un champ éditable textarea apparait avec le texte dedans, le bouton "éditer" s'est transformé en deux boutons : le bouton "annuler" (pour annuler la modif en cours et faire disparaitre le textarea) et le bouton "valider".

Quand on clique sur le bouton "annuler" j'ai décidé de faire apparaitre une boite de dialogue avec jQuery UI, tout fonctionne à merveille : j'ai un message "voulez-vous abandonner la modif" et j'ai le bouton "confirmer l'abandon de la modif" ou "revenir à la modif"

- J'aimerais que quand la boite de dialogue soit ouverte, la page ne soit pas actualisable et que tout soit un peu bloqué à moins de répondre à la boite de dialogue.

- Aussi, j'aimerais que quand on est en mode "édition" et qu'on essaie de changer de page ou d'actualiser la page, la même boite de dialogue apparaisse pour demander si on veut arrêter l'édition et aller à l'autre page ou actualiser la page. Bref de la sécu quoi (et oui, je mettrai aussi en place un LocalStorage si jamais on a des soucis d'internet)


Je ne sais pas trop comment m'y prendre, j'ai vérifié sur le net je trouve rien et je sais pas comment rechercher avec quels mots-clés en français ou anglais

Merci 

2 janvier 2018 à 8:58:59

Hello,

Tu peux utiliser beforeunload. Mais tu ne pourra jamais compètement bloquer l'utilisateur (normal).

Un petit +1 si je vous ai aidé est toujours appréciable :).
2 janvier 2018 à 20:01:51

Krogoth a écrit:

Hello,

Tu peux utiliser beforeunload. Mais tu ne pourra jamais compètement bloquer l'utilisateur (normal).


Allo,

Merci beaucoup :D

Oui bien sûr, c'est surtout pour bloquer les refresh sans faire attention ou quitter la page sans avoir sauvegardé, anyway je vais mettre en place un localstorage :)

Merci pour l'astuce

-
Edité par LudoLudo15 2 janvier 2018 à 20:02:15

Empêcher actualisation page lors d'une modif

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown