How to custmize & Design the `alert()` box?

Question

Here is script in my website's footer that will check that specific font installed or not in computer. If installed or not it will prompt alert box. I want to customize:

Design of that alert box
Replace the 'OK' button with 'Download' button that also have download link.
Write some RTL words in new paragraph. For Example Urdu words like آپ کے کمپیوٹر میں۔۔۔۔

Do not replace your existing questions with new ones to circumvent your question ban - that is not allowed. Read the help link that was given to you. — BoltClock, Oct 06 '13 at 08:20
Here is the help link again: http://stackoverflow.com/help/question-bans — BoltClock, Oct 06 '13 at 09:58
Possible duplicate of [how to change the style of alert box](https://stackoverflow.com/questions/7853130/how-to-change-the-style-of-alert-box) — JJJ, Jul 24 '19 at 10:16

score 1 · Accepted Answer · answered Apr 27 '13 at 17:43

1

Just accept that it's not going to be an alert() box, but rather it's just going to be normal HTML+CSS. So you will just position the box wherever you want it with whatever buttons you want and whatever way you want it to look. Or if so you'd whish their are plugins which already do this for you (though they limit your options quite a bit of course). You might want to look at jQuery UI if you're using jquery for example (specifically the dialog component of jQuery UI).

answered Apr 27 '13 at 17:43

David Mulder

26,123
9
51
114

It is good idea but how to call the HTML frame? Some guide please. – John Doe Apr 28 '13 at 10:34
Very simple example: http://jsfiddle.net/bEGMD/1/ Though there are lots of other ways to achieve the same effect. – David Mulder Apr 28 '13 at 12:11
Thank you. That is work fine and exactly that what I want. But I need some more help. Please do not mind. I am new to JS. Now how to put link on "Download" button that will open in same window/tab. Another question is that does JS affect on website's loading speed? – John Doe Apr 28 '13 at 15:16
http://jsfiddle.net/bEGMD/2/ and everything affects website loading speeds, however the effect is so small that that's one thing you won't ever have to worry about. – David Mulder Apr 28 '13 at 17:26

score 0 · Answer 2 · edited Apr 28 '13 at 11:14

0

you have to use jquery dialog box for this type of customization. Use this link

edited Apr 28 '13 at 11:14

John Doe

15
2
7

answered Apr 27 '13 at 18:15

That is right to use this plugin rather then customize Alert box. It is more flexible to customize. Thanks for nice sharing. – John Doe Apr 28 '13 at 11:10

score 0 · Answer 3 · answered Jun 04 '16 at 05:25

0

I use Sweetalert for designing the Alert box. its easy, simple and efficient. here is the link to download SweetAlert and example codes worked out at Here

answered Jun 04 '16 at 05:25

JavaLearner1

607
2
8
21

How to custmize & Design the `alert()` box?

3 Answers3