color of a alert message text

Question

0.00/5 (No votes)

See more:

hi all,

I have a alert message like this in javascript function.

JavaScript

alert(' Sec A - Financial Performance :  Draft \n Sec B - Human Resources :  Draft  \n Sec C - Intellectual Property  :  Completed \n');

Now, I want show the line of the section which in draft in red. i.e the line "Sec A - Financial Performance : Draft" in red color inside alert message.

how can i achieve this..??

Can Anyone help me out for this.

regards
Karthik

Posted 23-Dec-11 17:03pm

Karthik Harve

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Not Active · Accepted Answer · 2011-12-23T17:12:00

Solution 1

You won't be able to change the color with the built-in alert dialog. However, you can accomplish essentially the same thing with a modal dialog, which you will have complete control over the style with.

Posted 23-Dec-11 17:12pm

Not Active

Comments

Karthik Harve 26-Dec-11 4:24am

Thanks for your answer.

Sergey Alexandrovich Kryukov · Accepted Answer · 2011-12-23T17:16:00

What you want is one thing, and what you have is something else. To makes sure this is the way it is, its enough to take a look at the specifications: http://www.w3schools.com/js/js_popup.asp[^].

As you can see, no options; and this is easy to explain: those dialogs in fact run "outside" of the Web page, but as an OS dialog box running as owned by a Web browser. It's appearance depends on OS display settings, not your code.

If you want a custom look and perhaps behavior, you will need radically different approach: simulation of popup (modal) dialog behavior by means of HTML elements on your page working with JavaScript. This is already done in jQuery library complemented by its UI library.

You can freely download these libraries and use them in your application. See http://docs.jquery.com/UI/Dialog[^].

Naturally, you will be able to style the content of the dialog window by usual means of HTML and CSS the way you want.

—SA

thatraja · Accepted Answer · 2011-12-23T18:02:00

Solution 3

Use custom controls, see this CP article

ASP.NET Popup Control[^]

Posted 23-Dec-11 18:02pm

thatraja

Comments

Monjurul Habib 24-Dec-11 2:42am

5!

Sergey Alexandrovich Kryukov 24-Dec-11 16:55pm

That's a useful source, too; it shows usage samples; my 5.
--SA

Karthik Harve 26-Dec-11 4:25am