Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > В модальном окне вывести сообщение

Автор: mstdmstd 22.9.2014, 13:39

Всем привет,
В проекте с бутстрапом используется общее модальное окно для вывода попап страниц вроде.

Код


         <div class="box-modal" id="popupwnd" >

                <div class="alert alert-warning fade in fade" role="alert" id="div-box-modal-alert" style="display: none;">
                    <button type="button" class="" data-dismiss="alert">
                        <span aria-hidden="true" style="color: darkgray;"> hide </span>
                    </button>
                    <strong>
                        Message!
                    </strong>
                    <span id="span-box-modal-alert"></span>
                </div>

                <div class="box-modal_close arcticmodal-close">{"close"|translate}</div>

                <div class="popupData" >

                </div>
            </div>

Если в этой попап странице сохраняются или удаляются данные то хочется вывести вверху этого попапа сообщение
и для этого в Javascript я пишу :

Код


        $("#span-box-modal-alert").html("Data saved!")
            $("#div-box-modal-alert").css("display", "block")
            $("#div-box-modal-alert").alert()

Если юзер кликает на ссылке "hide" то верхний див с сообщением прячется но если юзер кликает на нижней ссылке "close"/жмет escape
то все окно прячется и при следующем открытии попапа мое сообщение отображается что неправильно
1) Как сделать чтобы при закрытии всего окна и сообщение об изменении пряталось?
2) Можно ли сделать при открытии моего сообщение чтобы оно отображалсь несколько секунд и исчезала(fading)
3) Может есть готовые инсрументы для этого что я не изобретал велосипед ?