https://github.com/petruisfan/boopup

Bootstrap popups
https://github.com/petruisfan/boopup

Last synced: 3 days ago
JSON representation

Bootstrap popups

• Host: GitHub
• URL: https://github.com/petruisfan/boopup
• Owner: petruisfan
• License: apache-2.0
• Created: 2014-08-29T14:48:52.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-02-17T07:39:06.000Z (almost 9 years ago)
• Last Synced: 2024-04-15T12:21:21.722Z (10 months ago)
• Language: JavaScript
• Size: 64.5 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Boopup

======

Bootstrap Popups

---

This is a reimplementation of the browser popups: alert, confirm and prompt, using bootstrap modals.

Instructions for using:

1) Add a link to the js and css file in your html:

```html

```

Warning: this will append the bootstrap modals to your body!

2) Use the global variable Boopup:

## Alert

```javascript

Boopup.alert("This is a boopup alert!");

```

![Example](/screenshots/alert.png?raw=true)

## Confirm

```javascript

Boopup.confirm("This is a boopup confirm!", function(agree) {

    console.log(agree);

})

```

![Example](/screenshots/confirm.png?raw=true)

## Prompt

```javascript

Boopup.prompt("This is a boopup prompt!", function(input) {

    console.log(input);

})          

```

![Example](/screenshots/prompt.png?raw=true)

Bootstrap and jquery must already be loaded.

You can customize the css by overriding boopup.min.css classes.