Why does alert return this way in Chrome?

Question

Folks! I'm wondering where to start to understand why JavaScript alert returns in Chrome in this way. Can it be lacking JavaScript in PHP source code? .Where should I start to understand and diagnose the problem?

My Script

 "<script type='text/javascript'>
           $(document).ready(function(){
          $('#menu2').click(function(event){
          event.preventDefault();
   
          alert('Text');
            })
            });
            </script>";

Result Chrome:

Result Mozilla

The first screenshot is what the native alert dialog looks like. You'll have to explain why you expect it to look like the second screenshot instead. — JJJ, Nov 25 '16 at 22:35
Yes. I got this bootbox sample screen but I can change it if I have to. I want to understand why this happens to my — Renato Lazaro, Nov 25 '16 at 22:35
So the alert will run natively by Chrome with no other solutions? — Renato Lazaro, Nov 25 '16 at 22:49
Possible duplicate of [how to change the style of alert box](http://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box) — Braeden Orchard, Nov 25 '16 at 22:51

Braeden Orchard · Accepted Answer · 2016-11-25T22:50:34.973

1

The reason the default pop ups in chrome don't look good is because they aren't really important, so there's no reason for the developers at Google to spend a bunch of time designing and building beautiful ones. If you look at the pop ups in most other browsers (to the best of my knowledge), they will look similar.

Your second screenshot looks like some sort of modified version (possibly bootstrap?) and has absolutely nothing to do with the default pop up.

So to answer your question, no, there is no missing javascript or PHP source code. It's just a design choice on the part of Google to focus resources into more important areas.

If you want to change the look, you can't. It's part of the browser, not part of the website. But, if you really need to have a better looking one (and I would strongly recommend you look into different options as pop ups are bad UX), http://jqueryui.com/dialog/ will be able to help.

edited Nov 25 '16 at 22:50

answered Nov 25 '16 at 22:38

Braeden Orchard

235
2
12

What can I do to improve the look of the alert? – Renato Lazaro Nov 25 '16 at 22:43
See new edit for more details – Braeden Orchard Nov 25 '16 at 22:50
I tried using http://bootboxjs.com/ to get a better visual result, however I could not implement it to my JavaScript code above. I think it would be ideal. Could you help me with this? – Renato Lazaro Nov 25 '16 at 22:55
Start a new question, mention that you have tried using bootbox to get a better look, post the code that you've tried and it will be a lot easier to help you – Braeden Orchard Nov 26 '16 at 02:10
I post a new question about: http://stackoverflow.com/questions/40819330/how-to-leave-my-alert-with-better-looking-using-modal – Renato Lazaro Nov 26 '16 at 14:36

Why does alert return this way in Chrome?

1 Answers1