Customized Confirm Dialog

Question

1.00/5 (1 vote)

See more:

The Confirm dialog described in http://www.w3schools.com/jsref/met_win_confirm.asp[^] contains Yes and No buttons. Now, I need to customize the words of the 2 buttons. For instance the 'Yes' is worded as 'Do xxx' and 'No' is worded as 'Do yyy'. How to do it? Thanks if you can help.

Posted 1-Apr-15 4:38am

s yu

Add a Solution

Comments

Afzaal Ahmad Zeeshan 1-Apr-15 10:49am

You will have to create your own custom dialog.

3 solutions

Add a Solution

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

Thomas Daniels · Answer 1 · 2015-04-01T04:54:00

Solution 1

You cannot do this with the confirm method, so there are two options:

Create your own dialog.
Look for a library that contains dialogs. For example, jQuery UI has support for modal dialogs[^].

Posted 1-Apr-15 4:54am

Thomas Daniels

Comments

Sergey Alexandrovich Kryukov 1-Apr-15 10:58am

5ed.

Congratulations with 1st of April!

I would like to invite your to see my new 1 of April publication and have some fun:
Some Programming Approaches to "Neuro-Linguistic Programming".
Participation in this game in Comments and Discussions is especially encouraged.

Thank you.
—SA

Thomas Daniels 1-Apr-15 11:19am

Thanks!

Awesome article :)

Sergey Alexandrovich Kryukov 1-Apr-15 11:43am

I'm glad you find it funny? :-)
Thank you.
—SA

ZurdoDev · Answer 2 · 2015-04-01T04:55:00

The link you referred to is the built-in confirm() function. You cannot change that.

What you'll want to do is google for jQuery dialog examples. There are tons and tons of them. Or you can just build your own div and use JS to do it but there are lots of nice jQuery plugins that make dialogs easy to do.

Sergey Alexandrovich Kryukov · Answer 3 · 2015-04-01T04:57:00

This embedded JavaScrip dialog has two problems: it pop-ups over the page (inconvenient), looks ugly, depends on the browser/system and is not flexible.

One better solution is the jQuery UI dialog which implement modal behavior within the page: https://jqueryui.com/dialog[^].

You can also use one of the many 3rd-party jQuery UI plug-ins based on similar principle and offering all kinds of visual effects and options, notably, dimming the rest of the page. Such solutions are usually referred by the common name "modal popup" You will find more than enough of them: http://bit.ly/1DpajUJ[^].

Congratulations with 1st of April! :-)

I would like to use the occasion to invite everyone to see my new 1 of April publication and have some fun:

Some Programming Approaches to "Neuro-Linguistic Programming".
Participation in this game in Comments and Discussions is especially encouraged.

Thank you.

—SA

Customized Confirm Dialog

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Customized Confirm Dialog

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us