Make javascript alert Yes No Instead of Ok Cancel

Question

function btnSelete Click         var strconfirm   confirm  Are you sure you want to delete         if  strconfirm    true            return true            lt asp Button ID  btnSelect  runat  server  Text  Select  Onclientclick  return btnSelete Click     CssClass  cssbutton    gt    How to create a yes no cancel alert box instead of ok cancel alert box in Javascript

User · Answer

Confirm  in Javascript stops the whole process until it gets a mouse response on its buttons  If that is what you are looking for  you can refer jquery-ui but if you have nothing running behind your process while receiving the response and you control the flow programatically  take a look at this  You will have to hard-code everything by yourself but you have complete command over customization  https   www w3schools com howto howto css modals asp

User · Answer

I shall try the solution with jQuery  for sure it should give a nice result  Of course you have to load jQuery     What about a pop-up with something like this  Of course this is dependant on the user authorizing pop-ups    lt html gt       lt head gt       lt script language  javascript  gt      var ret      function returnfunction                 alert ret              lt  script gt   lt  head gt       lt body gt           lt form gt               lt label id  QuestionToAsk  name  QuestionToAsk  gt Here is talked  lt  label gt  lt br   gt               lt input type  button  value  Yes  name  yes  onClick  ret true returnfunction      gt               lt input type  button  value  No  onClick  ret false returnfunction      gt           lt  form gt       lt  body gt   lt  html gt

User · Answer

You can use jQuery UI Dialog   These libraries create HTML elements that look and behave like a dialog box  allowing you to put anything you want  including form elements or video  in the dialog

User · Answer

In an attempt to solve a similar situation I ve come across this example and adapted it  It uses JQUERY UI Dialog as Nikhil D suggested  Here is a look at the code   HTML    lt link href  http   ajax googleapis com ajax libs jqueryui 1 8 6 themes smoothness jquery-ui css  rel  stylesheet   gt   lt input type  button  id  box  value  Confirm the thing     gt   lt div id  dialog-confirm  gt  lt  div gt    JavaScript       box   click function buttonAction           dialog-confirm   html  Do you want to do the thing           Define the Dialog and its properties        dialog-confirm   dialog       resizable  false      modal  true      title   Do the thing        height  250      width  400      buttons           Yes   function               this  dialog  close            alert  Yes  do the thing                    No   function               this  dialog  close            alert  Nope  don t do the thing                                 box   click buttonAction     I have a few more tweaks I need to do to make this example work for my application  Will update this if I see it fit into the answer  Hope this helps someone

User · Answer

You cannot do that with the native confirm   as it is the browser   s method   You have to create a plugin for a confirm box  or try one created by someone else   And they often look better  too   Additional Tip  Change your English sentence to something like     Really  Delete this Thing

User · Answer

Built a tiny  confirm-like vanilla js yes   no dialog  https   www npmjs com package yesno-dialog

[javascript] Make javascript alert Yes/No Instead of Ok/Cancel

Examples related to javascript