Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2023, 10:52
Новичок на форуме
Отправить личное сообщение для lazo Посмотреть профиль Найти все сообщения от lazo
 
Регистрация: 03.02.2023
Сообщений: 2

Dialog из jquery по значению переменной JS
Добрый день!
Есть <div id="Dialog1"> из Jquery. При нажатии на кнопку id="Button1"
отрабатывается $('#Dialog1').dialog('open') без проблем.
Но не могу отобразить окно Dialog1 по скрипту js: <script> if (zk>0) ... </script>.
Не хватает знаний...
Возможно ли открыть Dialog1 не по кнопке, а из js по значению zk?
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2023, 11:54
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,742

if (zk>0) $('#Dialog1').dialog('open');
Не работает?
Тогда надо код смотреть.
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2023, 13:51
Новичок на форуме
Отправить личное сообщение для lazo Посмотреть профиль Найти все сообщения от lazo
 
Регистрация: 03.02.2023
Сообщений: 2

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

[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]
Ответить с цитированием
  #4 (permalink)  
Старый 03.02.2023, 20:07
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,742

Сообщение от lazo
<script>
 var zk =1;
 if zk>0 $('#Dialog1').dialog('open');
</script>
Не могу понять, что там может мелькать.
Скрипт стоит в начале файла и начинает работать до того, как загружена оставшаяся часть страницы, построено DOM дерево и браузер знает, что такое #Dialog1.
В консоле наверняка есть сообщение об ошибках.

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS / jQuery — почему не получается выполнить программный клик по кнопке? antonium Events/DOM/Window 1 17.07.2018 00:28
Как переопределить js к определенному jquery файлу из двух? OLGANJA Events/DOM/Window 1 05.03.2017 20:00
jquery dialog запускается только при втором обращении Фоныч jQuery 6 19.02.2014 16:04
Создание переменной по значению другой переменной bahek2462774 Общие вопросы Javascript 2 09.10.2011 10:11
Вакансия: Front-end разработчик (HTML, CSS, JS, Ajax, jQuery) ivankov Работа 0 05.10.2010 19:00