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 

Hello,

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

Krogoth a écrit:

Hello,

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

Allo,

Merci beaucoup

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