Looking for a javascript alternative to the javascript alert() and prompt() functions? Bootalert is a small jQuery plugin that enables you to create responsive, customizable, customizable, and awesome dialogs using Bootstrap 4.
bootstrap message box, bootstrap alert example, bootstrap alert javascript, bootstrap alert popup, bootstrap success message popup, bootstrap alert popup jquery
Javascript Library for Popup Messages on a Web Page | notification.js
How to make use of it:
1. Load the minified version of the Bootalert plugin after jQuery.
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/cdn/bootstrap.min.js"></script> <script src="/path/to/bootalert.min.js"></script>
2. Create a primary alert box.
bootalert('Welcome To BootAlert')3. Create an alert box with a customized title.
bootalert('WebCodeFlow','I am Bootalert')4. Add a customized confirm button to the alert box.
// 'danger' button
bootalert('WebCodeFlow','I am Bootalert','danger')
// 'primary' button
bootalert('WebCodeFlow','I am Bootalert','danger')
// custom button text
bootalert('WebCodeFlow','I am Bootalert','danger','Ok')5. Create a prompt dialog box.
bootprompt('Enter Email','primary','Get Email');
// output
function bootrun(){
console.log('Your Email is '+ window.bootval);
$('.modal').modal('hide');
}Documentation
| Method | Use |
|---|---|
| bootalert(‘Hello World’) | Header Text in Alert |
| bootalert(‘Hello World’,’I am Bootalert’) | Header, Message in Alert |
| bootalert(‘Hello World’,’I am Bootalert’,’primary’) | Header Text, Message, button theme in Alert |
| bootalert(‘Hello World’,’I am Bootalert’,’primary’,’Ok’) | Header Text, Message, button theme, Button Name in Alert |
| bootprompt(‘Enter Name’,’primary’,’Get Name’) | Get InputHeader Text, button theme, Button Name in Alert |
Pure Bootstrap 4 Based JS Alert, customize javascript alert box CSS, Bootstrap Alert Box, Bootalert Plugin/Github, bootstrap alert on button click
See Demo And Download
Official Website(rohit-chouhan): Click Here
This superior jQuery/javascript plugin is developed by rohit-chouhan. For extra Advanced usage, please go to the official website.
