La fonction alert dans chrome suspend l'affichage

Version imprimable

Bonjour,
Depuis quelques temps dans Chrome, la fonction alert bloque l'affichage de la page jusqu'à ce que l'on clique sur le bouton, alors que dans FireFox et Internet Explorer cela fonctionne toujours comme avant, c'est à dire sans blocage du contenu HTML.
Ci-dessous un exemple qui fonctionne parfaitement sous FireFox et IE, mais pas sous Chrome.
Quelqu'un a-t-il une idée pour résoudre ce problème.
Merci pour vos réponses.
Alain
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> function myAlert() { alert("Hello !"); } </script> </head> <body onload="myAlert();"> <div>My content</div> </body> </html>

Ben passe toi de l'alert en collant ta propre boite de dialogue en popin ...
Mais pour moi alert à toujours été bloquant ...

ou alors décale ton appel de fonction e bas de page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
   <script type="text/javascript">
        function myAlert() {
           alert("Hello !");
        }
    </script>        
    </head>
    <body >
        <div>My content</div>
   <script type="text/javascript">
    myAlert();
  </script>
    </body>
</html>

ou lance l'alert sur le DOMready

Code:

1
2
3
4
5
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    myAlert();
  });
</script>

23/11/2018, 11h29
clem_alain

Bonjour,
Merci pour ta réponse.
Peut-être avant toute chose, il serait préférable que je te donne mon environnement :
Ce sont des pages ASPX qui font toutes référence à une page MASTER et c'est elle qui est chargée en premier et qui gère les messages à afficher.

La dernière solution ne fonctionne pas pour moi, car les données à afficher dans le message se trouvent dans la page MASTER (dans un hidden) et les premières actions réalisées consistent justement à nettoyer ces balises HIDDEN. Au pire il faudrait que je fasse faire le nettoyage par la fonction d'affichage, mais cela va être compliqué et l'expérience m'a toujours prouvé que les solutions les plus simples étaient (presque toujours les meilleures et les plus solides).
En ce qui concerne la solution "popin", je ne vois pas de quoi il s'agit, si tu pouvais m'en dire un peu plus.
Enfin quand tu dis que alert a toujours été bloquant, tu veux dire que tu considères que dès lors que c'est une boîte modale, elle doit être traitée comme telle ou bien que le phénomène que je décris (bloquant sur Chrome mais pas sur IE et FF) s'est toujours produit dans tes applications ?
J'ai été un peu long, mais je cherche à être le plus précis possible.

Rectificatif :
Finalement je viens de tester la solution consistant à placer l'appel en bas de page et cela fonctionne parfaitement, mais je suis toujours intéressé par tes réponses à mes questions.
Merci,
Alain
26/11/2018, 08h28
SpaceFrog

un popin est en gros un popup dans la page réalisé au moyen d'un div que tu affiches au moment voulu. En quelque sorte on émule un alert sans pour autant bloquer l'excution du reste du code.
En général on mets aussi un layer qui prend tout la surface de la page de sorte à intercepter les clicks pour émuler le modal.