<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
,
shrink-to-fit
=
no
">
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin
=
"anonymous"
>
<
title
>
Modal closing event in Bootstrap
</
title
>
<
style
>
h1,
h6 {
margin: 2%;
}
.btn {
margin-left: 2%;
}
</
style
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
button
type
=
"button"
class
=
"btn btn-primary"
data-toggle
=
"modal"
data-target
=
"#gfgModal"
>
Launch Modal
</
button
>
<
div
class
=
"modal fade"
id
=
"gfgModal"
tabindex
=
"-1"
role
=
"dialog"
aria-labelledby
=
"gfgModalLabel"
aria-hidden
=
"true"
>
<
div
class
=
"modal-dialog"
role
=
"document"
>
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h6
class
=
"modal-title"
id
=
"gfgModalLabel"
style
=
"color:green;"
>
GeeksforGeeks
</
h6
>
<
button
type
=
"button"
class
=
"close"
data-dismiss
=
"modal"
aria-label
=
"Close"
>
<
span
aria-hidden
=
"true"
>×</
span
>
</
button
>
</
div
>
<
div
class
=
"modal-body"
>
<
p
>
Articles that need little modification/
improvement from reviewers are published
first. To quickly get your articles
reviewed, please refer existing articles,
their formating style, coding style, and
try to make your close to them.
</
p
>
</
div
>
<
div
class
=
"modal-footer"
>
<
button
type
=
"button"
class
=
"btn btn-secondary"
data-dismiss
=
"modal"
>Close</
button
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
okay
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
integrity
=
"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin
=
"anonymous"
>
</
script
>
</
center
>
<
script
type
=
"text/javascript"
>
$('#gfgModal').on('hidden.bs.modal', function (e) {
// Fire a function in the console
console.log('Function executed when gfgModal closed');
// Alert the user
alert('Alert fired when gfgModal closed')
})
</
script
>
</
body
>
</
html
>