diff --git a/CHANGELOG.md b/CHANGELOG.md index 73f3f2ba6603c1d46e5fd86f2e8810d56ed5ccc7..43be1eccdfe39fe44a54477f7d1569f5bb702349 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,4 +24,4 @@ Les menu de MOODLE ne s'affichent plus sur certaines ressources où ils persista Adaptation au nouveau thème de base de MOODLE afin que le contenu de l'iframe n'affiche pas les menus MOODLE. - +Suppression de l'effet de clignottement au chargement du contenu de l'iframe que la modale est affichée : ajout d'une transparence totale (fond blanc) sur le contenu de la modale jusqu'à ce que l'iframe soit chargées, puis la transparence disparait. diff --git a/js/iena.js b/js/iena.js index 226c572da278580e581f56f19aaf80608c7d5fea..ef2a6bd893eca04545c9c85cfcd1526b4eaa1f72 100644 --- a/js/iena.js +++ b/js/iena.js @@ -2,6 +2,10 @@ var btns = document.querySelectorAll('.iena-filter-modal-btn'); for (var i = 0; i < btns.length; i++) { btns[i].onclick = function (e) { + document.querySelector(e.target.dataset.target + " .modal-body").style.opacity = 0; + document.querySelector(e.target.dataset.target + " iframe").onload = function () { + document.querySelector(e.target.dataset.target + " .modal-body").style.opacity = 1; + } document.querySelector(e.target.dataset.target + " iframe").setAttribute('src', e.target.dataset.iframe); } }