Форум

lazo · #1 (**permalink**) 03.02.2023, 10:52

Добрый день!
Есть <div id="Dialog1"> из Jquery. При нажатии на кнопку id="Button1"
отрабатывается $('#Dialog1').dialog('open') без проблем.
Но не могу отобразить окно Dialog1 по скрипту js: <script> if (zk>0) ... </script>.
Не хватает знаний...

Возможно ли открыть Dialog1 не по кнопке, а из js по значению zk?

voraa · #2 (**permalink**) 03.02.2023, 11:54

if (zk>0) $('#Dialog1').dialog('open');
Не работает?
Тогда надо код смотреть.

lazo · #3 (**permalink**) 03.02.2023, 13:51

Пробовал. Мелькает в левом верхнем углу. А по кнопке центрируется и пока не закроешь. Сам код:

[HTML]<!doctype html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="base/jquery-ui.min.css" rel="stylesheet">
<link href="font-awesome.min.css" rel="stylesheet">
<link href="settings_new_14.css" rel="stylesheet">
<link href="contacts.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="wwb17.min.js"></script>
<script src="contacts.js"></script>
<script>
 var zk =1;
 if zk>0 $('#Dialog1').dialog('open');
</script>
</head>
<body onpageshow="$('#Dialog1').dialog('close');return false;">
   <div id="FlexGrid1">
      <div class="header">
         <div id="wb_title" style="display:inline-block;width:calc(100% - 20px);z-index:0;">
            <h1 id="title">Контакты</h1>
         </div>
      </div>
   </div>
   <div id="FlexGrid2">
      <div id="FlexGrid2-grid">
         <div class="switch">
         </div>
      </div>
   </div>
   <div id="wb_IconFont1" style="position:absolute;left:10px;top:48px;width:44px;height:43px;text-align:center;z-index:23;">
      <a href="./index.html"><div id="IconFont1"><i class="fa fa-home"></i></div></a>
   </div>
   <div id="FlexContainer1">
   </div>
   <div id="wb_LayoutGrid1">
      <form name="LayoutGrid1" method="post" action="" enctype="text/plain" id="LayoutGrid1">
         <div class="row">
            <div class="col-1">
               <div id="wb_Heading1" style="display:inline-block;width:100%;z-index:1;">
                  <h1 id="Heading1">Напишите нам</h1>
               </div>
               <hr id="Line1" style="display:block;width:100%;z-index:2;">
               <input type="text" id="Editbox1" style="display:block;width:100%;height:32px;z-index:3;" name="Name" value="" spellcheck="false" placeholder="Имя">
               <hr id="Line2" style="display:block;width:100%;z-index:4;">
               <input type="text" id="Editbox2" style="display:block;width:100%;height:32px;z-index:5;" name="email" value="" spellcheck="false" placeholder="Email">
               <hr id="Line3" style="display:block;width:100%;z-index:6;">
               <textarea name="message" id="TextArea1" style="display:block;width:100%;;height:74px;z-index:7;" rows="1" cols="87" autocomplete="off" spellcheck="false" placeholder="Сообщение"></textarea>
               <hr id="Line5" style="display:block;width:100%;z-index:8;">
               <div id="wb_Captcha1" style="display:inline-block;width:100%;z-index:9;">
                  <img src="captcha1.php" alt="Click for new image" title="Click for new image" style="cursor:pointer;float:left;width:100px;height:38px;" onclick="this.src='captcha1.php?'+Math.random()">
                  <span><input type="text" id="Captcha1" style="display:block;width:calc(100% - 10px);height:22px;" name="captcha" value="" spellcheck="false"></span>
               </div>
               <hr id="Line4" style="display:block;width:100%;z-index:10;">
               <input type="submit" id="Button1" onclick="$('#Dialog1').dialog('open');return false;" name="" value="Отправить" style="display:inline-block;width:127px;height:45px;z-index:11;">
            </div>
         </div>
      </form>
   </div>
   <div id="wb_LayoutGrid8">
      <div id="LayoutGrid8">
         <div class="row">
            <div class="col-1">
               <div id="wb_FontAwesomeIcon3" style="display:inline-block;width:40px;height:40px;text-align:center;z-index:12;">
                  <a href="./index.html"><div id="FontAwesomeIcon3"><i class="fa fa-vk"></i></div></a>
               </div>
               <div id="wb_Text17">
                  <span style="color:#FFFFFF;font-family:Arial;font-size:12px;"><br>All Rights Reserved </span>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div id="Dialog1">
      <div id="wb_IconFont2" style="position:absolute;left:0px;top:0px;width:55px;height:49px;text-align:center;z-index:17;">
         <div id="IconFont2"><i class="fa fa-exclamation-circle"></i></div></div>
      <div id="wb_Text1" style="position:absolute;left:67px;top:15px;width:198px;height:36px;text-align:center;z-index:18;">
         <span style="color:#696969;font-family:Arial;font-size:16px;"><strong> Введеное значение <br>неверно!!!</strong></span></div>
   </div>
</body>
</html>

[/html]

voraa · #4 (**permalink**) 03.02.2023, 20:07

Сообщение от lazo

Не могу понять, что там может мелькать.
Скрипт стоит в начале файла и начинает работать до того, как загружена оставшаяся часть страницы, построено DOM дерево и браузер знает, что такое #Dialog1.
В консоле наверняка есть сообщение об ошибках.

Поставьте этот скрипт в конец.

Форум

Справочник

Discord чат

Курсы javascript