Add close button to alerts

They will pop back up again if you add another domain.
This commit is contained in:
Mcat12
2016-05-19 20:49:32 -04:00
parent c69b434a8a
commit 0aabc01924
+11 -3
View File
@@ -34,13 +34,16 @@ $token = $_SESSION['token'];
</div>
<!-- Alerts -->
<div id="alInfo" class="alert alert-info" role="alert" hidden="true">
<div id="alInfo" class="alert alert-info alert-dismissible fade in" role="alert" hidden="true">
<button type="button" class="close" data-hide="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
Adding to the <?php getFullName(); ?>...
</div>
<div id="alSuccess" class="alert alert-success" role="alert" hidden="true">
<div id="alSuccess" class="alert alert-success alert-dismissible fade in" role="alert" hidden="true">
<button type="button" class="close" data-hide="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
Success! The list will refresh.
</div>
<div id="alFailure" class="alert alert-danger" role="alert" hidden="true">
<div id="alFailure" class="alert alert-danger alert-dismissible fade in" role="alert" hidden="true">
<button type="button" class="close" data-hide="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
Failure! Something went wrong.
</div>
@@ -60,6 +63,11 @@ require "footer.php";
add();
}
});
$(function(){
$("[data-hide]").on("click", function(){
$(this).closest("." + $(this).attr("data-hide")).hide();
});
});
function refresh() {
$.ajax({