Div на долю секунды мигает при обновлении страницы

@Choob_RocK · Регистрация: 27.11.2015

Author24 — интернет-сервис помощи студентам

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

Помогите, пожалуйста, кто знает.

Сам DIV

PHP

<div class="b-popup" id="popup">
    <div class="b-popup-content">
    <div align="right"><a href="javascript:PopUpHide2()"><img src="close.png" class="cls"></a></div>
                <form action="" method=post>                                                
                <br><h3 align="center">Арендовать<br>зал</h3><br>
            <div align="center">
                Введите имя*<br />
                <input type="text" name="title" size="25"><br />
                Введите номер телефона*<br />
            <input name="mess" type="text" size="25"><br />
                                                            
                <input type="submit" value=Арендовать name="submit"></div>
        </form>
            <h5 align="center">Гарантируем сохранность ваших данных</h5>
                                                        <!-- отправка почты -->
        <?php
            if($_POST['submit']) {
                $title = substr(htmlspecialchars(trim($_POST['title'])), 0, 1000);
                $_POST['mess'] =  substr(htmlspecialchars(trim($_POST['mess'])), 0, 1000000);
                
                    $mess = 'Арендовать зал. Имя:'.$_POST['title'].' '.$_POST['mess']; 
                
                $to = 'xxx';
                $from='xxx';
                mail($to, $title, $mess, 'From:'.$from);
                }
        ?> 
    </div>
</div>

Скрипт вызова

Javascript

 <script>
    $(document).ready(function(){
        //Скрыть PopUp при загрузке страницы    
        PopUpHide();
    });
    //Функция отображения PopUp
    function PopUpShow(){
        $("#popup1").show();
    }
    //Функция скрытия PopUp
    function PopUpHide(){
        $("#popup1").hide();
    }
</script>
 
 
 
<script>
        
            var dialog = $("#dialog").dialog({autoOpen: false, modal: true,
    resizable: false,
    show: 'blind',
    hide: 'blind',
    width: 500,
    dialogClass: 'ui-dialog-osx'});
    
    
            $("input[name=btn]").click(function ()
                {
                    //  var lefto = document.documentElement.clientWidth/2-150;
                    //  var righto = document.documentElement.clientHeight/2-125;
 
                $("#popup1").show();
                });
        </script>

Понимаю, что закрывает данная функция - PopUpHide();, но как сделать, что бы div был закрыт по дефолту и появлялся только после вызова?

@Vadim_Lasso · 12.12.2015, 14:11

HTML5

<style type="text/css">
  .b-popup {
    display: none;
  }
</style>

@Monty161 · 12.12.2015, 14:13

Choob_RocK,

CSS

1
2
3

#popup1{
                       display:none;
}

или я не понял вопроса?)
Дальше

Javascript

 Добавляете функцию...
//Функция отображения PopUp
    function PopUpShow(){
        $("#popup1").show();
    }

А тут скрытие идет вручную.

Javascript

 //  var righto = document.documentElement.clientHeight/2-125;
 
                $("#popup1").show();
                });

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

Примитивно, но показательно:

Javascript

jQuery(function(){
        $('ПоКомуТоКлик').click(function () {
              $('#popup1').show('slow');               // показ окна   
        });
            
        $('КтоЗакрываетОкно').click(function(){ 
              $('#popup1').hide('slow');              // скрытие окна
        });
});

+

CSS

1	display:none

в CSS для всплывающего окна

@Choob_RocK · 12.12.2015, 19:58 **[ТС]**

Спасибо всем

Помогло!

@Choob_RocK 0 / 0 / 0 Регистрация: 27.11.2015 Сообщений: 11
	12.12.2015, 19:58 [ТС]	4
	Спасибо всем Помогло! 0

Div на долю секунды мигает при обновлении страницы

Решение