SweetAlert
An awesome replacement for JavaScript's alert.
ATTENTION!
This is a private usage version for our project RDM-CI. Forked from sweetalert@1.1.3
.
注意!
这是一个专门针对团队内部的sweetalert版本,为了解决bootstrap-sweetalert的fork版本过低导致无法使用一些新特性的问题,对sweetalert做了修改使之与bootstrap-sweetalert
的行为一致。
Usage
Through npm:
npm install sweetalert-ci-dev
Alternatively, download the package and reference the JavaScript and CSS files manually:
Tutorial
The easiest way to get started is follow the SweetAlert tutorial on Ludu!
Examples
The most basic message:
;
A message signaling an error:
;
A warning message, with a function attached to the "Confirm"-button:
;
A prompt modal where the user's input is logged:
;
Ajax request example:
;
Themes
SweetAlert can easily be themed to fit your site's design. SweetAlert comes with three example themes that you can try out: facebook, twitter and google. They can be referenced right after the intial sweetalert-CSS:
Browser compatibility
SweetAlert works in most major browsers (yes, even IE). Some details:
- IE8: (Dropped since v1.0.0-beta)
- IE9: Works, but icons are not animated.
- IE10+: Works!
- Safari 4+: Works!
- Firefox 3+: Works!
- Chrome 14+: Works!
- Opera 15+: Works!
Contributing
If you want to contribute:
-
Fork the repo
-
Make sure you have Node, NPM and Gulp installed. When in the SweetAlert directory, run
npm install
to install the dependencies. Then rungulp
while working to automatically minify the SCSS and JS-files. -
Keep in mind that SweetAlert uses Browserify in order to compile ES6-files. For easy debugging, make sure you reference the file
dist/sweetalert-dev.js
instead ofsweetalert.js
. -
After you're done, make a pull request and wait for approval! :)