A beautiful replacement for JavaScript's "alert"

I am currently calling swal from within a bootstrap modal. It seems that the buttons work but the input of the swal is not accepting a click nor does it ever take focus. I'm wondering if this is a known issue or possibly something I'm doing.

Would it be possible to add a "loading" state? For example, with the delete example you would likely want to ask for confirmation (type: warning), update the database (type: loading) and then show a confirmation message (type: success/error).

• build js files from es6 to es5 into lib folder
• change commonjs entry point to lib/sweetalert.js

Fix #417 @t4t5 Please checkout this, thx!

If everything is ok, please merge and bump the version. Thanks for your great work on this lib.

It is nice to have an input field for an alert to accept user input. I added the following features:

1. Added a parameter: inputField: (true | false) to enable the input field.
2. Added the necessary focus() to the input element programatically.
3. Updated the documentation to include the parameter and to include an example of a use case.

Update: I added an important fix that I missed on the first commit. That is the commit with the message: "Added fix for running params.doneFunction() without a parameter". Please include the head of master in the merge to get the latest changes.

Hello,

I've this sweet-alter call :

var self = this; 

swal({
      title              : $.t('modal.clear.title') || "Etes vous sûr ?",
      text               : $.t('modal.clear.text') || "Le formulaire sera définitivement perdu !",
      type               : "warning",
      showCancelButton   : true,
      confirmButtonColor : "#DD6B55",
      confirmButtonText  : $.t('modal.clear.yes') || "Oui, supprimer",
      cancelButtonText   : $.t('modal.clear.no') || "Annuler",
      closeOnCancel      : true
}, function(isConfirm) {
   if (isConfirm){
       // I Use backbone radio event
       self.homePageChannel.trigger('deleteForm', self.currentSelectedForm)
   }
});

In the callback I send a an event with backbone radio. At this point all is good.

And in my event response i want to display an another sweet alert like this :

formDeleted : function(result) {
        swal({
            title : $.t('modal.deleted.title') || 'Formulaire supprimé !',
            text  : $.t('modal.deleted.text') || 'Votre formulaire a été supprimé avec succès',
            type  : "success",
        });
  },

And the second sweet alert doesn't appear. And i'm sure formDeleted function is executed.

Thanks for your help

Add new alert type: HTML

EDIT: now using allowHtml option instead of type

This will allow creating HTML alert box, can be use to create custome dialog types, for example: Prompt, Date picker,...

Usage:

swal({   
    title: "Custom dialog!",   
    text: "Here's my <b>HTML</b> <u>message</u>!",   
    type: "success",   
    confirmButtonText: "Yay!",
    allowHtml: true
});

i need go to another page after click at ok or error button...my code:

i use a $(document) because i need show the error when the page is loaded

pls give me a hand ;)

Here is my pull request of prompt feature. Requested in #155

I also updated example website with documentation.

Here is live example - http://mirokoczka.eu/sweetalert/example

Hello,

Is there any callback that I could use when SweetAlert is totally opened? I need to use some preloading sutff for SweetAlert content, however I was not able to find a callback to allow me to do this.

Any ideas?

Trying SweetAlert on your website, I noticed the samples all immediately close after they open, but the timer example which does not seem to open at all. I'm using Windows Phone 8.1, which uses Internet Explorer 11 (Nokia Lumia 920)

In response to https://github.com/t4t5/sweetalert/issues/53

the function is split to two swal and modalDependant

call getModal to see if it returns null or not, if it does return null then start an interval with 100ms and check if it returns null until it does not return null and then call the modalDependant() function, previously swal

The issue

When creating an alert with only a title and icon, the spacing at the bottom that is usually provided when using buttons or text is not rendered.

For example, doing the following,

swal({
  title: "Example Title",
  icon: "error",
  buttons: false
});

will render,

Expectation

I would expect that there is spacing similar to when text is provided:

Possible Solution

One solution I see is to apply the bottom spacing like the margin for text is added, something like:

.swal-title:last-child {
  margin-bottom: 45px;
}

This would then give,

Hi,

The url https://unpkg.com/sweetalert/dist/sweetalert.min.js, is unavalable.

So if you have this import in your code you will not be able to have the sweetalert.

For the users, my temporary advise is use the alternative official url: https://cdn.jsdelivr.net/npm/sweetalert The new import:

But will be important to solve the primary problem, as soon as you have the primary resource available please let us know. Thank you!

Have a nice day.

I am getting this error while using sweetalertjs with react-ts Code

swal("Are you sure?", { dangerMode: true, buttons: true, });

Type 'true' is not assignable to type 'ButtonList | (string | boolean)[] | undefined'.ts(2322)

Hi! I install sweetalert on my rise course.. when i export in web format everything work perfectly.. i did some changes, colors modification etc.. I export for scrom 1.2 and i did all the change in the content ( add .js, etc.. ) but the lms dont want to add my scroms.. I can use sweet alert on the lms right?

Thanks in advance :)

Berta

Bumps path-parse from 1.0.5 to 1.0.7.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.