Chrome 37 n'implémente plus window.ShowModalDialog() !

Bonjour,

Suite à la récente mise à jour de Chrome en version 37, l'affichage de certaines pop up de mon appli ne se fait plus.

Je gratte, je cherche, et trouve un blog Google expliquant la disparition de la fonction window.ShowModalDialog prévue en septembre.
Ben voilà, on y est !

Je suis très ennuyé, car j'utilise cette fonction pour afficher une fenêtre avec un formulaire, et en fonction de ce qui est saisi dans le formulaire, je fais une mise à jour de mon affichage de la page appelante.

J'ai bien essayé de remplacer ça par un window.open() en adaptant la syntaxe, mais le problème c'est qu'on ne fonctionne plus en mode synchrone et que mon code principal (celui de la page appelante) n'attend pas la fermeture (donc la saisie du formulaire) du pop up pour exécuter l'instruction suivante qui était le test du code retour de la fonction window.ShowModalDialog.

Quelqu'un a-t-il rencontré ce problème, et comment le résoudre ?

Merci.

showModalDialog n'a jamais été un standard. C'est un vieux machin d'IE dont j'avais complètement oublié l'existence.

Voilà un polyfill pour remettre le support sur Chrome et les autres navigateurs qui ne le supporteraient pas ou plus : https://github.com/niutech/showModalDialog ;
Sinon il y a des centaines de petites bibliothèques JavaScript pour gérer les fenêtres modales.

Je n'ai pas de bonnes nouvelles à te donner. Si showModalDialog a été supprimée, il y a fort à parier qu'elle d'abord a été marquée comme dépréciée pendant une période suffisamment longue. Tu aurais dû avoir le temps d'adapter ton code.

Comme le dit Sylvain, tu peux utiliser une lib ou un framework. Mais sache aussi que le synchrone ce n'est pas vraiment la philosophie de JavaScript. Base-toi plutôt sur une vue qui se rafraîchit dynamiquement. Par exemple, tu peux intégrer le patron de conception Observer dans ton application sans trop d'efforts d'adaptation.

Utiliser un popin à la place d'un popup

et je rejoins mes camarades
abandonne le mode synchrone.

Code:

---

1 2 3 4 5

var dialog = '....'; var reslut = window.showModalDialog(dialog); if (.... == result) { //mon code. }

---

Code:

---

1 2 3 4 5 6 7 8

var toto = 45; var dialog = '....'; var win = window.open(dialog);   //lorsque la fenêtre se fermera ... win.addEventListener("unload", function(e) { //mon code. }, false);

---

A+JYT

Je vais déjà me pencher sur le polyfill indiqué par SylvainPV, qui à priori va m'éviter de modifier mon code...

Et si ça ne répond pas à mon besoin, j'explorerais vos autres pistes.


Merci à vous.

Attention toutefois avec le polyfill que j'ai donné, il semble qu'il utilise ES6 donc incompatible avec une bonne partie des navigateurs actuels. C'est un mauvais exemple, il doit sûrement exister un polyfill qui couvre une plus grande plage de support.