u mani Ответов: 3

открыть всплывающее окно при загрузке страницы


привет ребята ,

У меня есть какой-то код , который, когда я нажимаю на кнопку всплывающее окно откроется, но всплывающее окно должно открыться при загрузке страницы, Пожалуйста, дайте мне решение, ребята ..


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.reveal.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#button').click(function (e) { // Button which will activate our modal
            $('#modal').reveal({ // The item which will be opened with reveal
                animation: 'fade',                   // fade, fadeAndPop, none
                animationspeed: 600,                       // how fast animtions are
                closeonbackgroundclick: true,              // if you click background will modal close?
                dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
            });
            return false;
        });
    });
</script>


это код, когда я нажимаю на buton popup откроется, но в Page load popup должен открыться пожалуйста, помогите мне, ребята..
спасибо вам

3 Ответов

Рейтинг:
2

Bimal pedini

<script type="text/javascript">
     $(document).ready(function () {
         $("#button").click(function () {
             $("#modal").dialog();
         });
     });
 </script>





<div id="modal" style="display: none;">
    This is your pop up , you can append your html content on it
</div>



Это поможет получить всплывающее диалоговое окно.

Спасибо
Бимал


u mani

привет, спасибо за комментарий ..когда я нажимаю на кнопку всплывающего открытия, но я хочу открыть в загрузке страницы, Пожалуйста, скажите мне, как это сделать ... спасибо

Рейтинг:
1

u mani

у вас есть изменить мой выше код ..всплывающее окно будет открываться при нажатии кнопки, но мне нужно открыть в загрузке страницы, Пожалуйста, скажите мне, как писать

[no name]

Изменить #overlay к #modal в приведенной выше ссылке вы можете внести некоторые изменения в это.попробуйте себя.выясните ошибку и исправьте себе "у Мани". счастливого кодирования..:)

Рейтинг:
1

Bimal pedini

<script type="text/javascript">
     $(document).ready(function () {
        $("#modal").dialog();         
     });
 </script>



вам нужно написать приведенный выше код непосредственно под готовым методом, чтобы он всплывал во время загрузки .


думаю, это вам поможет.

Спасибо
Бимал