Небольшая функция, которая может пригодиться. На входе — заголовок окошка и сообщение об ошибке, на выходе — модальное бутсрап окошко, которое центрируется по горизонтали и вертикали.
Сам код js функции:
function modalError( title, message ) {
var html = '<div id="modalError" class="modal fade" tabindex="-1" role="dialog" modal="shouldBeOpen" >' +
'<div class="modal-dialog">' +
'<div class="modal-content">' +
'<div class="modal-header">' +
'<h4 class="modal-title" id="startModalLabel">'+ title +'</h4>' +
'</div>' +
'<div class="modal-body">'+ message +'</div>' +
'<div class="modal-footer">' +
'<button type="button" class="btn btn-primary" data-dismiss="modal"><a href="">продолжить</a></button>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$('body').append(html);
$("#modalError").modal();
$('#modalError').on('shown.bs.modal', function() {
$(this).find('.modal-dialog').css({
'margin-top': function () {
return -($(this).outerHeight() / 2);
},
'margin-left': function () {
return -($(this).outerWidth() / 2);
},
'top': '50%',
'left': '50%',
'position': 'absolute'
});
});
}
Вызов выполняется так:
modalError("Заголовок окна", "Сообщение об ошибке");