Вывод ошибки в модальном окне bootstrap 3

Небольшая функция, которая может пригодиться. На входе — заголовок окошка и сообщение об ошибке, на выходе — модальное бутсрап окошко, которое центрируется по горизонтали и вертикали.

Сам код 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("Заголовок окна", "Сообщение об ошибке");
This entry was posted in Jquery, Разное and tagged , . Bookmark the permalink.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*