<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html class="client-nojs" dir="ltr" lang="en">
<head>
<meta charset="UTF-8" />
<title>Модули/ДинамичеÑкий конфигуратор на Web - OpenSCADAWiki</title>
<meta content="MediaWiki 1.26.4" name="generator" />
<link href="https://www.gnu.org/copyleft/fdl.html" rel="copyright" />
<link href="../../en/files/doc.css" rel="stylesheet" /></head>
<body><div class="floatright"><a href="../index.html"><img alt="OpenSCADA" src="../../en/files/index.png" /></a></div><div id="mw_header">
<div class="mw-indicators">
</div>
<h1 id="firstHeading" lang="ru">Модули/ДинамичеÑкий конфигуратор на Web</h1>
</div><div class="mw-content-ltr" dir="ltr" id="mw-content-text" lang="ru"><div class="mw-pt-translate-header noprint" dir="ltr" lang="en">This page is a <span class="plainlinks"><a class="external text" href="http://oscada.org/wiki/index.php?title=Special:Translate&group=page-Modules%2FWebCfgD&action=page&filter=&language=ru" rel="nofollow noreferrer noopener" target="_blank">translated version</a></span> of the page <a class="external" href="http://oscada.org/wiki/Modules/WebCfgD" title="Modules/WebCfgD">Modules/WebCfgD</a> and the translation is 91% complete.</div><hr /><div class="mw-pt-languages" dir="ltr" lang="en"><div class="mw-pt-languages-list autonym"><a class="mw-pt-languages-ui mw-pt-progress mw-pt-progress--complete" href="../../en/Modules/WebCfgD.html" title="Modules/WebCfgD (100% translated)">English</a> • ‎<span class="mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete">mRussian</span> • ‎<a class="mw-pt-progress mw-pt-progress--complete" href="../../uk/Modules/WebCfgD.html" title="Модулі/Динамічний конфігуратор на Web (100% translated)">УкраїнÑька</a></div></div>
<table class="wikitable">
<tr>
<th> Module </th>
<th> Name </th>
<th> Version </th>
<th> License </th>
<th> Source </th>
<th> Languages </th>
<th> Platforms </th>
<th> Type </th>
<th> Author
</th></tr>
<tr>
<td> <a href="../Modules/WebCfgD.html" title="Special:MyLanguage/Modules/WebCfgD">WebCfgD</a> </td>
<td> Program configurator (Dynamic WEB)
</td>
<td> 2.8 </td>
<td> GPL2 </td>
<td> ui_WebCfgD.so </td>
<td> en,uk,ru,de </td>
<td> x86,x86_64,ARM
</td>
<td> UI </td>
<td> Roman Savochenko<br /> <font size="-2"><i>Maxim Lysenko (2009) — the page initial translation</i></font>
</td></tr>
<tr>
<th colspan="9"> Description
</th></tr>
<tr>
<td colspan="9"> Provides the WEB-based configurator of OpenSCADA. The technologies are used: XHTML, CSS and JavaScript.
<ul><li> <b><a href="../../en/To_do.html" title="Special:MyLanguage/Works/To do">To Do</a>:</b></li></ul>
<dl><dd> - implement non locking access to the external stations;</dd>
<dd> - implement the syntax highlighting for Text fields.</dd></dl>
</td></tr></table>
<p>Ðтот модуль предоÑтавлÑет конфигуратор OpenSCADA. Конфигуратор реализован на оÑнове таких Web-технологий:
</p>
<ul><li> <i>HTTP</i> — протокол передачи гипертекÑта;</li>
<li> <i>XHTML</i> — раÑширенный Ñзык разметки гипертекÑтовых документов;</li>
<li> <i>CSS</i> — каÑкадные таблицы Ñтилей гипертекÑтовых документов;</li>
<li> <i>JavaScript</i> — Ñзык Ð¿Ñ€Ð¾Ð³Ñ€Ð°Ð¼Ð¼Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ð±Ñ€Ð°ÑƒÐ·ÐµÑ€Ð°, вÑтроенный в гипертекÑтовый документ;</li>
<li> <i>DOM</i> — Ð¾Ð±ÑŠÐµÐºÑ‚Ð½Ð°Ñ Ð¼Ð¾Ð´ÐµÐ»ÑŒ документа внутренней Ñтруктуры браузера;</li>
<li> <i>AJAX</i> — механизм аÑинхронных и Ñинхронных запроÑов из JavaScript к Ñерверу;</li>
<li> <i>XML</i> — раÑширÑемый Ñзык разметки.</li></ul>
<p>Ð˜Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñ ÐºÐ¾Ð½Ñ„Ð¸Ð³ÑƒÑ€Ð°Ñ‚Ð¾Ñ€Ð° формируетÑÑ Ð² WEB-браузере путём Ð¾Ð±Ñ€Ð°Ñ‰ÐµÐ½Ð¸Ñ Ðº WEB-Ñерверу и Ð¿Ð¾Ð»ÑƒÑ‡ÐµÐ½Ð¸Ñ Ð¾Ñ‚ него XHTML-документа по протоколу HTTP. Ð’ данном Ñлучае, в роли WEB-Ñервера выÑтупает OpenSCADA, ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ Ð¿Ð¾Ð´Ð´ÐµÑ€Ð¶Ð¸Ð²Ð°ÐµÑ‚ Ñтандартные коммуникационные механизмы TCP-Ñетей (модуль <a href="../Modules/Sockets.html" title="Special:MyLanguage/Modules/Sockets">Transport.Sockets</a>), протокол передачи гипертекÑта (модуль <a href="../Modules/HTTP.html" title="Special:MyLanguage/Modules/HTTP">Protocol.HTTP</a>), а также шифрование трафика между браузером и Ñервером (<a href="../../en/Modules/SSL.html" title="Special:MyLanguage/Modules/SSL">Transport.SSL</a>). ИÑÑ…Ð¾Ð´Ñ Ð¸Ð· Ñтого, Ð´Ð»Ñ Ð¿Ð¾Ð»ÑƒÑ‡ÐµÐ½Ð¸Ñ Ð´Ð¾Ñтупа к интерфейÑу пользователÑ, предоÑтавлÑемого Ñтим модулем, необходимо в OpenSCADA наÑтроить транÑпорт (Transport.Sockets или Transport.SSL) в ÑвÑзке Ñ Ð¿Ñ€Ð¾Ñ‚Ð¾ÐºÐ¾Ð»Ð¾Ð¼ HTTP (Protocol.HTTP). ВмеÑте Ñ OpenSCADA идут конфигурационные файлы, Ñодержащие наÑтройки Transport.Sockets Ð´Ð»Ñ Ð¿Ð¾Ñ€Ñ‚Ð° 10002. Следовательно, Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñ Ð¼Ð¾Ð´ÑƒÐ»Ñ, по умолчанию, будет доÑтупен по URL: "http://localhost:10002".
</p><p>ПоÑле Ð¿Ð¾Ð»ÑƒÑ‡ÐµÐ½Ð¸Ñ XHTML-документа браузером запуÑкаетÑÑ Ð¿Ñ€Ð¾Ð³Ñ€Ð°Ð¼Ð¼Ð° на Ñзыке JavaScript, Ð´Ð»Ñ Ñ„Ð¾Ñ€Ð¼Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ð´Ð¸Ð½Ð°Ð¼Ð¸Ñ‡ÐµÑкого интерфейÑа конфигуратора.
</p><p>Ð’ оÑнове Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð»ÐµÐ¶Ð¸Ñ‚ <a href="../../en/API.html" title="Special:MyLanguage/Documents/API">Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñ ÑƒÐ¿Ñ€Ð°Ð²Ð»ÐµÐ½Ð¸Ñ OpenSCADA</a>, а значит предоÑтавлÑетÑÑ ÐµÐ´Ð¸Ð½Ñ‹Ð¹ Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñ ÐºÐ¾Ð½Ñ„Ð¸Ð³ÑƒÑ€Ð°Ñ†Ð¸Ð¸. Обновление Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð¼Ð¾Ð¶ÐµÑ‚ потребоватьÑÑ Ñ‚Ð¾Ð»ÑŒÐºÐ¾ в Ñлучае Ð¾Ð±Ð½Ð¾Ð²Ð»ÐµÐ½Ð¸Ñ Ñпецификации Ñзыка интерфейÑа управлениÑ. Ð”Ð»Ñ Ð·Ð°Ð¿Ñ€Ð¾Ñа контекÑта Ñтраницы иÑпользуетÑÑ Ð³Ñ€ÑƒÐ¿Ð¿Ð¾Ð²Ð¾Ð¹ Ð·Ð°Ð¿Ñ€Ð¾Ñ Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñа управлениÑ, что позволÑет оптимизировать Ð²Ñ€ÐµÐ¼Ñ ÑƒÐ´Ð°Ð»Ñ‘Ð½Ð½Ð¾Ð³Ð¾ доÑтупа по выÑоколатентным и медленным каналам ÑвÑзи.
</p><p>Модуль реализовалÑÑ Ð¸ теÑтировалÑÑ Ð½Ð° четырёх WEB-браузерах — предÑтавителÑÑ… трёх типов WEB-движков, а именно:
</p>
<ul><li> Chromium 55</li>
<li> Mozilla Firefox 3.0, 45.7</li>
<li> Opera 9.6</li>
<li> Konqueror 3.5, 4</li></ul>
<p>ИÑпользование Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð½Ð°Ñ‡Ð¸Ð½Ð°ÐµÑ‚ÑÑ Ñ Ð¾Ñ‚ÐºÑ€Ñ‹Ñ‚Ð¸Ñ ÑеанÑа Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»Ñ (аутентификации) модулем протокола HTTP (<a href="../Modules/HTTP.html" title="Special:MyLanguage/Modules/HTTP">Protocol.HTTP</a>). Ð”Ð»Ñ Ñ„ÑƒÐ½ÐºÑ†Ð¸Ð¾Ð½Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ð°ÑƒÑ‚ÐµÐ½Ñ‚Ð¸Ñ„Ð¸ÐºÐ°Ñ†Ð¸Ð¸ и механизма ÑÐ¾Ñ…Ñ€Ð°Ð½ÐµÐ½Ð¸Ñ ÑеанÑа, браузер должен разрешать Cookies.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:624px;"><a class="image" href="http://oscada.org/wiki/File:HTTP_auth_ru.png"><img class="thumbimage" height="278" src="../files/HTTP_auth_ru.png" width="622" /></a> <div class="thumbcaption">РиÑ.1. ÐÑƒÑ‚ÐµÐ½Ñ‚Ð¸Ñ„Ð¸ÐºÐ°Ñ†Ð¸Ñ Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»Ñ.</div></div></div></div>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:796px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_workplacestruct_ru.png"><img class="thumbimage" height="522" src="../files/WebCfgD_workplacestruct_ru.png" width="794" /></a> <div class="thumbcaption">РиÑ.2. Рабочее окно конфигуратора.</div></div></div></div>
<p>РаÑÑмотрим рабочее окно конфигуратора на риÑунке 2.
</p><p>The operating window of the configurator consists of the following parts:
</p>
<dl><dd>1 <i>Toolbar</i> — contains the control buttons.</dd>
<dd>2 <i>Address of the opened node</i> — displays the selected node address.</dd>
<dd>3 <i>Navigator</i> — designed for direct navigation by the control tree and with support the group selection by holding Control or Shift keys, that is used by deletion and setting operations.
<dl><dd> <a class="image" href="http://oscada.org/wiki/File:At.png"><img alt="At.png" height="22" src="../../en/files/At.png" width="22" /></a> Icon's image of <a href="../Program_manual.html#Projects" title="Special:MyLanguage/Documents/Program manual">the OpenSCADA project</a> is taken firstly from the file "<b>{StationName}.[png|gif|jpg|jpeg]</b>" and next, at the first one missing, from the file "<b>{StationID}.[png|gif|jpg|jpeg]</b>", in <a href="../Program_manual.html#Config" title="Special:MyLanguage/Documents/Program manual">the icons folder</a>.</dd></dl></dd>
<dd>4 <i>Workplace field</i> — divided to parts:
<dl><dd>4.1 <i>Node name</i> — contains the current node name.</dd>
<dd>4.2 <i>Tabulator of the working areas</i> — the root pages (control areas) of the node are placed into the tabulator. The control areas of the following levels are placed on the main control place.</dd></dl></dd>
<dd>4 <i>Status line</i> — indicating the configurator status.</dd></dl>
<p>Панель инÑтрументов Ñодержит Ñледующие кнопки ÑƒÐ¿Ñ€Ð°Ð²Ð»ÐµÐ½Ð¸Ñ (Ñлева на право):
</p>
<ul><li> <i>Загрузить из БД</i> — загрузка выбранного объекта или ветви объектов из БД.</li>
<li> <i>Сохранить в БД</i> — Ñохранение выбранного объекта или ветви объектов в БД.</li>
<li> <i>Вверх</i> — поднÑтие вверх по дереву.</li>
<li> <i>ПредыдущаÑ</i> — открытие предыдущей открываемой Ñтраницы.</li>
<li> <i>СледующаÑ</i> — открытие Ñледующую открываемой Ñтраницы.</li>
<li> <i>Добавить</i> — добавление нового объекта в контейнер.</li>
<li> <i>Удалить</i> — удаление выбранного объекта.</li>
<li> <i>Копировать Ñлемент</i> — копирование выбранного объекта.</li>
<li> <i>Вырезать Ñлемент</i> — вырезание выбранного объекта. ИÑходный объект удалÑетÑÑ Ð¿Ð¾Ñле вÑтавки.</li>
<li> <i>Ð’Ñтавить Ñлемент</i> — вÑтавка Ñкопированного или вырезанного Ñлемента.</li>
<li> <i>Обновить</i> — обновление Ñодержимого текущей Ñтраницы.</li>
<li> <i>ЗапуÑтить</i> — запуÑк периодичеÑкого Ð¾Ð±Ð½Ð¾Ð²Ð»ÐµÐ½Ð¸Ñ Ñодержимого текущей Ñтраницы Ñ Ð¸Ð½Ñ‚ÐµÑ€Ð²Ð°Ð»Ð¾Ð¼ одна Ñекунда.</li>
<li> <i>ОÑтановить</i> — оÑтанов периодичеÑкого Ð¾Ð±Ð½Ð¾Ð²Ð»ÐµÐ½Ð¸Ñ Ñодержимого текущей Ñтраницы Ñ Ð¸Ð½Ñ‚ÐµÑ€Ð²Ð°Ð»Ð¾Ð¼ одна Ñекунда.</li>
<li> <i>РуководÑтво Ñтой Ñтраницы</i> — вызов руководÑтва выбранной Ñтраницы.</li>
<li> <i>Про...</i> — Ð¸Ð½Ñ„Ð¾Ñ€Ð¼Ð°Ñ†Ð¸Ñ Ð¾ данном модуле.</li></ul>
<p>Ðлементы ÑƒÐ¿Ñ€Ð°Ð²Ð»ÐµÐ½Ð¸Ñ Ð´ÐµÐ»ÑÑ‚ÑÑ Ð½Ð°: базовые, команды, ÑпиÑки, таблицы и изображениÑ. Ð’Ñе Ñлементы отображаютÑÑ Ð² поÑледовательноÑти, Ñтрого ÑоответÑтвующей их раÑположению в опиÑании Ñзыка интерфейÑа управлениÑ.
</p>
<div class="toc" id="toc"><div id="toctitle"><h2>Contents</h2></div>
<ul>
<li class="toclevel-1 tocsection-1"><a href="#.D0.9A.D0.BE.D0.BD.D1.84.D0.B8.D0.B3.D1.83.D1.80.D0.B0.D1.86.D0.B8.D1.8F"><span class="tocnumber">1</span> <span class="toctext">КонфигурациÑ</span></a></li>
<li class="toclevel-1 tocsection-2"><a href="#.D0.91.D0.B0.D0.B7.D0.BE.D0.B2.D1.8B.D0.B5_.D1.8D.D0.BB.D0.B5.D0.BC.D0.B5.D0.BD.D1.82.D1.8B"><span class="tocnumber">2</span> <span class="toctext">Базовые Ñлементы</span></a></li>
<li class="toclevel-1 tocsection-3"><a href="#.D0.9A.D0.BE.D0.BC.D0.B0.D0.BD.D0.B4.D1.8B"><span class="tocnumber">3</span> <span class="toctext">Команды</span></a></li>
<li class="toclevel-1 tocsection-4"><a href="#.D0.A1.D0.BF.D0.B8.D1.81.D0.BA.D0.B8"><span class="tocnumber">4</span> <span class="toctext">СпиÑки</span></a></li>
<li class="toclevel-1 tocsection-5"><a href="#.D0.A2.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B"><span class="tocnumber">5</span> <span class="toctext">Таблицы</span></a></li>
<li class="toclevel-1 tocsection-6"><a href="#.D0.98.D0.B7.D0.BE.D0.B1.D1.80.D0.B0.D0.B6.D0.B5.D0.BD.D0.B8.D1.8F"><span class="tocnumber">6</span> <span class="toctext">ИзображениÑ</span></a></li>
<li class="toclevel-1 tocsection-7"><a href="#.D0.94.D0.B8.D0.B7.D0.B0.D0.B9.D0.BD"><span class="tocnumber">7</span> <span class="toctext">Дизайн</span></a></li>
<li class="toclevel-1 tocsection-8"><a href="#.D0.9E.D1.88.D0.B8.D0.B1.D0.BA.D0.B8"><span class="tocnumber">8</span> <span class="toctext">Ошибки</span></a></li>
</ul>
</div>
<h2><span class="mw-headline" id=".D0.9A.D0.BE.D0.BD.D1.84.D0.B8.D0.B3.D1.83.D1.80.D0.B0.D1.86.D0.B8.D1.8F"><span class="mw-headline-number">1</span> КонфигурациÑ</span></h2>
<p>Ð”Ð»Ñ Ð½Ð°Ñтройки ÑобÑтвенного Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð² отдельных ÑлучаÑÑ…, модулем предоÑтавлÑетÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑ‚ÑŒ наÑтройки отдельных параметров поÑредÑтвом интерфейÑа ÑƒÐ¿Ñ€Ð°Ð²Ð»ÐµÐ½Ð¸Ñ OpenSCADA (риÑ.3). Таковыми параметрами ÑвлÑÑŽÑ‚ÑÑ:
</p>
<ul><li> Переход на Ñтраницу конфигурации Ð¿ÐµÑ€ÐµÑ‡Ð½Ñ Ð²Ð½ÐµÑˆÐ½Ð¸Ñ… OpenSCADA Ñтанций, что иÑпользуетÑÑ Ð´Ð»Ñ Ð¿Ñ€ÐµÐ´Ð¾ÑÑ‚Ð°Ð²Ð»ÐµÐ½Ð¸Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾Ñти удалённой конфигурации.</li></ul>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:727px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_webdcfg_ru.png"><img class="thumbimage" height="421" src="../files/WebCfgD_webdcfg_ru.png" width="725" /></a> <div class="thumbcaption">РиÑ.3. Страница конфигурации Ñамого конфигуратора.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.91.D0.B0.D0.B7.D0.BE.D0.B2.D1.8B.D0.B5_.D1.8D.D0.BB.D0.B5.D0.BC.D0.B5.D0.BD.D1.82.D1.8B"><span class="mw-headline-number">2</span> Базовые Ñлементы</span></h2>
<p>Ð’ чиÑло базовых Ñлементов входÑÑ‚: информационные Ñлементы, Ð¿Ð¾Ð»Ñ Ð²Ð²Ð¾Ð´Ð° значений, Ñлементы выбора из ÑпиÑка, флаги, текÑтовые полÑ. Ð’ Ñлучае отÑутÑÑ‚Ð²Ð¸Ñ Ð¸Ð¼ÐµÐ½Ð¸ Ñлемента, базовый Ñлемент приÑоединÑетÑÑ Ðº предыдущему базовому Ñлементу. Пример группы базовых Ñлементов Ñ Ð¿Ñ€Ð¸Ñоединением приведён на риÑунке 4.
</p><p>Ð”Ð»Ñ Ñлементов ввода, которые не подразумевают мгновенного Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð¸ могут продолжительное Ð²Ñ€ÐµÐ¼Ñ Ñ€ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€Ð¾Ð²Ð°Ñ‚ÑŒÑÑ Ð¿ÐµÑ€ÐµÐ´ окончательным завершением, предуÑмотрен механизм подтверждениÑ. Ðтот механизм позволÑет иÑключить задержки при редактировании, оÑобенно в Ñлучае конфигурации удалённых Ñтанций, и вноÑить Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ð¿Ð¾ подтверждению. К Ñлементам ввода Ñ Ð¿Ð¾Ð´Ñ‚Ð²ÐµÑ€Ð¶Ð´ÐµÐ½Ð¸ÐµÐ¼ отноÑÑÑ‚ÑÑ: Ð¿Ð¾Ð»Ñ Ð²Ð²Ð¾Ð´Ð° Ñтрок текÑта или чиÑловых значений и текÑтовые полÑ. Подтверждение оÑущеÑтвлÑетÑÑ Ð½Ð°Ð¶Ð°Ñ‚Ð¸ÐµÐ¼ кнопки, ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ Ð¿Ð¾ÑвлÑетÑÑ Ñ€Ñдом Ñ Ð¿Ð¾Ð»ÐµÐ¼ ввода поÑле начала редактированиÑ.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:959px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_genelem_ru.png"><img class="thumbimage" height="587" src="../files/WebCfgD_genelem_ru.png" width="957" /></a> <div class="thumbcaption">РиÑ.4. ПриÑоединение базовых Ñлементов.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.9A.D0.BE.D0.BC.D0.B0.D0.BD.D0.B4.D1.8B"><span class="mw-headline-number">3</span> Команды</span></h2>
<p>Команды — Ñто Ñлементы передачи определённых указаний дейÑÑ‚Ð²Ð¸Ñ ÑƒÐ·Ð»Ñƒ и организации ÑÑылок-переходов на другие Ñтраницы. Команды могут Ñодержать параметры. Параметры формируютÑÑ Ð¸Ð· базовых Ñлементов. Пример команды Ñ Ð¿Ð°Ñ€Ð°Ð¼ÐµÑ‚Ñ€Ð°Ð¼Ð¸ приведен на риÑунке 5.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:941px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_commandelem_ru.png"><img class="thumbimage" height="459" src="../files/WebCfgD_commandelem_ru.png" width="939" /></a> <div class="thumbcaption">РиÑ.5. Команда.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.A1.D0.BF.D0.B8.D1.81.D0.BA.D0.B8"><span class="mw-headline-number">4</span> СпиÑки</span></h2>
<p>СпиÑки Ñодержат группу базовых Ñлементов одного типа. Операции над Ñлементами доÑтупны через контекÑтное меню ÑпиÑка, по клику мышью на ÑпиÑке. Через Ñлементы ÑпиÑка могут выполнÑÑ‚ÑŒÑÑ Ð¾Ð¿ÐµÑ€Ð°Ñ†Ð¸Ð¸ перехода на другие Ñтраницы, обычно дочерние. СпиÑки могут быть индекÑированными. Пример ÑпиÑка приведен на риÑунке 6.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:695px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_listelem_ru.png"><img class="thumbimage" height="411" src="../files/WebCfgD_listelem_ru.png" width="693" /></a> <div class="thumbcaption">РиÑ.6. СпиÑок.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.A2.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B"><span class="mw-headline-number">5</span> Таблицы</span></h2>
<p>Таблицы Ñодержат Ð·Ð½Ð°Ñ‡ÐµÐ½Ð¸Ñ Ð±Ð°Ð·Ð¾Ð²Ñ‹Ñ… Ñлементов. Тип базового Ñлемента ÑвлÑетÑÑ Ð¸Ð½Ð´Ð¸Ð²Ð¸Ð´ÑƒÐ°Ð»ÑŒÐ½Ñ‹Ð¼ Ð´Ð»Ñ ÐºÐ°Ð¶Ð´Ð¾Ð¹ колонки. Пример таблицы приведен на риÑунке 7. Операции над Ñтруктурой таблицы, Ð´Ð»Ñ Ñ€ÐµÐ´Ð°ÐºÑ‚Ð¸Ñ€ÑƒÐµÐ¼Ñ‹Ñ… таблиц, доÑтупны поÑредÑтвом контекÑтного меню, по клику на Ñлужебной колонке Ñ Ð½Ð¾Ð¼ÐµÑ€Ð°Ð¼Ð¸ Ñтрок. Редактирование Ñлементов таблицы производитÑÑ Ð¿ÑƒÑ‚Ñ‘Ð¼ двойного клика по нужной Ñчейке.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:954px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_tableelem_ru.png"><img class="thumbimage" height="614" src="../files/WebCfgD_tableelem_ru.png" width="952" /></a> <div class="thumbcaption">РиÑ.7. Таблица.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.98.D0.B7.D0.BE.D0.B1.D1.80.D0.B0.D0.B6.D0.B5.D0.BD.D0.B8.D1.8F"><span class="mw-headline-number">6</span> ИзображениÑ</span></h2>
<p>Ð˜Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ Ð¿Ñ€Ð¸Ð·Ð²Ð°Ð½Ñ‹ передавать графичеÑкую информацию в конфигураторы. Пример Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ Ð¿Ñ€Ð¸Ð²ÐµÐ´ÐµÐ½ на риÑунке 8.
</p>
<div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:973px;"><a class="image" href="http://oscada.org/wiki/File:WebCfgD_imgelem_ru.png"><img class="thumbimage" height="532" src="../files/WebCfgD_imgelem_ru.png" width="971" /></a> <div class="thumbcaption">РиÑ.8. Изображение.</div></div></div></div>
<h2><span class="mw-headline" id=".D0.94.D0.B8.D0.B7.D0.B0.D0.B9.D0.BD"><span class="mw-headline-number">7</span> Дизайн</span></h2>
<p>Модуль поддерживает Ñмену дизайна путём Ñ€Ð°Ð·Ð¼ÐµÑ‰ÐµÐ½Ð¸Ñ Ð² рабочей/текущей папке двух файлов WebCfgDVCA.html и WebCfgDVCA.js, где первый — Ñто XHTML-шаблон Ñтраницы конфигуратора, а второй — Ñто JavaScript программа XHTML-шаблону.
</p><p>Ðа данное Ð²Ñ€ÐµÐ¼Ñ Ð´Ð¾Ñтупны Ñледующие дизайны:
</p>
<ul><li> Ðовый Ñтандартный дизайн (по умолчанию): <a class="external" href="http://oscada.org/wiki/File:WebCfgDVCA_std.html.gz" title="File:WebCfgDVCA std.html.gz">WebCfgDVCA.html</a>, <a class="external" href="http://oscada.org/wiki/File:WebCfgDVCA_std.js.gz" title="File:WebCfgDVCA std.js.gz">WebCfgDVCA.js</a></li>
<li> Старый Ñтандартный дизайн (по умолчанию): <a class="external" href="http://oscada.org/wiki/File:WebCfgDVCA_std201701.html.gz" title="File:WebCfgDVCA std201701.html.gz">WebCfgDVCA.html</a>, <a class="external" href="http://oscada.org/wiki/File:WebCfgDVCA_std201701.js.gz" title="File:WebCfgDVCA std201701.js.gz">WebCfgDVCA.js</a></li></ul>
<h2><span class="mw-headline" id=".D0.9E.D1.88.D0.B8.D0.B1.D0.BA.D0.B8"><span class="mw-headline-number">8</span> Ошибки</span></h2>
<p>ПредÑтавление конфигуратора может неÑколько отличатьÑÑ Ð½Ð° разных типах браузеров. Ðто ÑвÑзано Ñ Ñ‚ÐµÐ¼, что в оÑнове данного Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð»ÐµÐ¶Ð¸Ñ‚ много доÑтаточно Ñложных технологий, а также отличий их реализации на разных типах WEB-движков.
</p><p>Кроме того, каждый Web-браузер Ñодержит ÑобÑтвенные ошибки. ЧаÑÑ‚ÑŒ ошибок была обойдена в процеÑÑе реализации, однако чаÑÑ‚ÑŒ оÑталаÑÑŒ в виду значительных трудноÑтей в их обходе или-же фактичеÑкой невозможноÑти Ñто Ñделать.
</p><p>Ð’ данном разделе ÑодержитÑÑ Ñ‚Ð°Ð±Ð»Ð¸Ñ†Ð° Ð¿ÐµÑ€ÐµÑ‡Ð½Ñ Ð¾Ð±Ð½Ð°Ñ€ÑƒÐ¶ÐµÐ½Ð½Ñ‹Ñ… ошибок WEB-браузеров, которые проÑвлÑÑŽÑ‚ÑÑ Ð² конфигураторе.
</p>
<table class="wikitable">
<tr>
<th> Ошибка </th>
<th> ОпиÑание </th>
<th> ИÑправление
</th></tr>
<tr>
<td colspan="3"> <i>Mozilla FireFox 3.0.4</i> (stable, few errors)
</td></tr>
<tr>
<td> Offset of the popup window of the editable combobox at 5 pixels to the up and to the left. </td>
<td>
<p>The problem lies in the fact that the calculation of the absolute position of the element of the document doesn't grab exactly 5 pixels. Error of 5 pixels is visible in relation to the coordinates of the mouse pointer and the position of the newly-created entirely-positioned window. The algorithm for computing the position:<br />
<i>for( ; obj != null; obj = obj.offsetParent ) posX += obj.offsetLeft;</i>
</p>
</td>
<td> To correction of this error to the estimated value on this browser the 5 pixels are added.
</td></tr>
<tr>
<td> In the element of the list (<select size="10"/>) the vertical scroll is always shows and never turned on the horizontal one. </td>
<td> This element is actively used for building the context menu and drop-down list of the editable combo-box. </td>
<td> <span style="color: blue">For workaround the browser error I must include the list in the block with scroll of the block itself.</span>
</td></tr>
<tr>
<td> The image field is not updating. </td>
<td> In order to eliminate the need for restructuring of the configurable page while updating the values of fields in the tree of the structure objects of the pages which was get from the XMLHttpRequest, the properties are created with the links to the object of the tags of the fields (addr_lab, addr_val_w). In objects with the name of the tag "img", these properties are not created by the browser. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td colspan="3"> <i>Opera</i> (stable, few errors)
</td></tr>
<tr>
<td> Scroll of the unit of the page does not turn on. For example when displaying large images of the trend. </td>
<td> The block is fixed with the parameters{ overflow: auto; width: 600px; } however, in the case of the exceeding the size of the interior elements the scroll is not turned on. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td colspan="3"> <i>Konqueror</i> (very unstable on the dynamic resources and contains many errors)
</td></tr>
<tr>
<td> Stable browser crashing. </td>
<td> Browser repeatedly and consistently crashes while the computation of JavaScript and when dealing with the external windows. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td> The scroll of the navigation tree doesn't returned. </td>
<td> If you drag the navigation tree to the vertical scroll, then scroll it down, then roll the large branch, the vertical scroll disappears, and some of the tree remains invisible behind the top of the block. That. the contents of the block are not updated. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td> The images do not update. </td>
<td> In the fields of images, to update the image from the server, the property "src" is to be changed. The browser does not sense it, or even updates the size of the frame, and the image is not updated. Methods to prevent caching of the images are used, but do not help. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td> Capturing button images </td>
<td> JavaScript of the module uses non-asynchronous but synchronous requests to the server to save the sequence of actions. At moments of such a request, if it was triggered by an event from an image (the image is a button), the image is captured as if it were for transfer, even for short-term mouse clicks. </td>
<td> <span style="color: red">not solved</span>
</td></tr>
<tr>
<td> Impossible to insert a new element to the tree of objects obtained as a result of XMLHttpRequest </td>
<td> To control the modification of the configuration page structure, the current structure tree was mapped to the newly received XMLHttpRequest. When inserting a new element into the structure tree using insertBefore(), a "DOM error 4" error occurs. If the insertion takes place in a tree created from scratch (and not from XMLHttpRequest), this error does not occur. The problem seems to be the difference between the "document" object of the owner of these trees. In such a tree it is not possible to add a node created as document.createElement(). Only the ones created as mytree.ownerDocument.createElement() are inserted. </td>
<td> The procedure for verifying the structure has been simplified and reduced to the definition of the fact of the change.
</td></tr>
<tr>
<td> The mechanisms of the context menu formation in the Konqueror 4 doesn't work. </td>
<td> Typically, to create a context menu, the oncontextmenu handler, on Firefox and IE, or onmousedown with the right key processing, on the other browsers, are used. In Konqueror, oncontextmenu does not work at all, and onmousedown works only in Konqueror 3.5. </td>
<td> <span style="color: red">not solved</span>
</td></tr></table>
</div><table style="border-top: dotted 2px #999999; margin-top: 20pt; color: gray;" width="100%"><tr><td style="text-align: left;" width="40%"><a href="http://oscada.org/wiki/Modules/WebCfgD/ru">Modules/WebCfgD/ru</a> - <a href="http://oscada.org/en/main/about-the-project/licenses/">GFDL</a></td><td style="text-align: center;">April 2025</td><td style="text-align: right;" width="40%">OpenSCADA 1+r3018</td></tr></table></body>
</html>