Небольшая функция, которая может пригодиться. На входе — заголовок окошка и сообщение об ошибке, на выходе — модальное бутсрап окошко, которое центрируется по горизонтали и вертикали.
Сам код 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("Заголовок окна", "Сообщение об ошибке");