Custom alert and confirm box in jquery

Question

Is there any alert and confirm dialog available in jquery with custom title and custom content in it  I have searched many sites but cannot find appropriate  Any site link or any content are appreciable

User · Answer

Try using SweetAlert its just simply the best . You will get a lot of customization and flexibility.

Confirm Example

sweetAlert(
  {
    title: "Are you sure?",
    text: "You will not be able to recover this imaginary file!",
    type: "warning",   
    showCancelButton: true,   
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!"
  }, 
  deleteIt()
);

User · Answer

Check the jsfiddle http   jsfiddle net CdwB9 3  and click on delete  function yesnodialog button1  button2  element     var btns         btns button1    function           element parents  li   hide            this  dialog  close           btns button2    function              Do nothing         this  dialog  close               lt div gt  lt  div gt    dialog       autoOpen  true      title   Condition       modal true      buttons btns             delete   click function        yesnodialog  Yes    No     this         This should help you

User · Answer

You can use the dialog widget of JQuery UI   http   jqueryui com dialog

User · Answer

I made custom messagebox using jquery UI component  Here is demo http   jsfiddle net eraj2587 Pm5Fr 14   You have to pass just the parameters like caption name  message  button s text  You can specify trigger function on any button click  This will helpful for you

User · Answer

jQuery UI has it s own elements  but jQuery alone hasn t   http   jqueryui com dialog   Working example    lt  doctype html gt    lt html lang  en  gt   lt head gt     lt meta charset  utf-8    gt     lt title gt jQuery UI Dialog - Default functionality lt  title gt     lt link rel  stylesheet  href  http   code jquery com ui 1 10 3 themes smoothness jquery-ui css    gt     lt script src  http   code jquery com jquery-1 9 1 js  gt  lt  script gt     lt script src  http   code jquery com ui 1 10 3 jquery-ui js  gt  lt  script gt     lt link rel  stylesheet  href   resources demos style css    gt     lt script gt      function              dialog    dialog             lt  script gt   lt  head gt   lt body gt    lt div id  dialog  title  Basic dialog  gt     lt p gt This is the default dialog which is useful for displaying information  The dialog window can be moved  resized and closed with the  x  icon  lt  p gt   lt  div gt     lt  body gt   lt  html gt

[javascript] Custom alert and confirm box in jquery

Confirm Example

Examples related to javascript

Examples related to jquery