A simple JS (with html and css) function to show alert modals. If you are looking for some more flexibility with full prompts look at my Vanilla-JS-prompt project.
To use this function you only need to follow these four steps:
- Download the alert.js and modal.css to your project.
- Link to the alert.js and modal.css in your html file.
- Add the content of modal.html to the bottom of the body of your html file.
- Start calling the show_alert(); function. See below for examples.
Open the index.html file to see examples in action
The function with parameters
show_alert(title, message, btnHide = false, btnLabel = "Close")Example with a custom text label for the close button
show_alert('Custom close button', 'Close button with custom text label.', false, 'Ok')