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

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

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

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

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

Сам DIV

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 <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
1
2
3
4
5
<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
1
2
3
4
5
 Добавляете функцию...
//Функция отображения PopUp
    function PopUpShow(){
        $("#popup1").show();
    }

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

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

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

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

JavaScript
1
2
3
4
5
6
7
8
9
jQuery(function(){
        $('ПоКомуТоКлик').click(function () {
              $('#popup1').show('slow');               // показ окна   
        });
            
        $('КтоЗакрываетОкно').click(function(){ 
              $('#popup1').hide('slow');              // скрытие окна
        });
});

+

CSS
1
display:none

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

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

Спасибо всем

Помогло!

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

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

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

Решение