Formating in Alert Message with addition of image

Question

Is it possible to achieve formatting of text in JS alert message?

<script>
function myFunction() {
alert("1.Enter your name. 2. Enter your mobile no. 3.Do not press back 
button.");
}
</script>

I want these 3 messages to appear one below the other. I tried:

<p>1.Enter your name.</p><p> 2. Enter your mobile no.</p><p> 3.Do not
press back button.</p>

Didn't work. Also, wish to add this img src tag after the last message:

<img src="http://forums.nextgames.com/resources/emoji/smiley.png" alt="smily"/>

Thank you.

Duplicate to https://stackoverflow.com/questions/17470817/format-the-text-in-javascript-alert-box . You should consider using Bootstrap modals or jQuery UI — Vinko Vorih, Aug 21 '17 at 05:10
Possible duplicate of [format the text in javascript alert box](https://stackoverflow.com/questions/17470817/format-the-text-in-javascript-alert-box) — Nisarg Shah, Aug 21 '17 at 05:11

score 1 · Answer 1 · answered Aug 21 '17 at 05:16

1

The alert box is a object, and not related to CSS. To do this style of thing you would need to create an HTML element and mimic the alert() functionality. The jQuery UI Modal box does a lot of the work for you.

answered Aug 21 '17 at 05:16

Ashish sah

755
9
17

You can use modals for this...as you want – Ashish sah Aug 21 '17 at 05:18

score 1 · Answer 2 · answered Aug 21 '17 at 05:17

1

try adding "/n" before the lines example "\n2", "\n3"

answered Aug 21 '17 at 05:17

Israr ahmad

77
1
8

score 0 · Answer 3 · answered Aug 21 '17 at 05:10

0

The browser alert box does not support rendering HTML, however you can use plain-text formatting like \n newline and \t tab.

alert("1.Enter your name.\n2. Enter your mobile no.\n3.Do not press back button.");

answered Aug 21 '17 at 05:10

Marty

39,033
19
93
162

1

You should teach a man how to fish. There is answer for this question since 2013. – Vinko Vorih Aug 21 '17 at 05:12
What about the img src tag? How to add that? – Chetan Aug 21 '17 at 05:14
@Chetan You can't. – Marty Aug 21 '17 at 05:16

Formating in Alert Message with addition of image

3 Answers3