элемент управления поле html документа предназначен
Поле HTML документа в управляемом и обычном приложении в 1С 8.3, 8.2
Поле HTML документа – этот элемент позволяет выводить на форму HTML страницы, полученные по URL адресу.
ПолеHTMLДокумента в обычном приложении
Для примера, во внешней обработке, создаём реквизит формы – ПолеHTMLДокумента1. Для перехода на страницу в интернете, воспользуемся методом “Перейти”.
ПолеHTMLДокумента в управляемом приложении
Для примера, во внешней обработке, создаём реквизит формы – ПолеHTMLДокумента1 (с типом – строка). На самой форме создаём элемент, указывающий на наш, только что созданный реквизит. Вид его указываем – Поле HTML документа.
В управляемом приложении метод “Перейти” недоступен.
По этой причине, для перехода на страницу, URL-адрес установим не полю формы, а реквизиту формы.
Веб браузер в 1С
Давайте создадим простейший веб браузер на 1С, используя, только что полученные знания.
Весь прикол в том, что Поле HTML документа – это всеми любимый Internet Explorer, только в режиме совместимости с IE7. Поэтому, в некоторых случаях, вас будет ждать такое уведомление)))
Поиск по сайту
Okolokompa в Яндекс Дзен
Все материалы и продукты на этом сайте выложены в целях ознакомления для зарегистрированных пользователей фирм производителей материала или продукта, или его авторов. Помните, что скачанные материалы или продукты, Вы используете на свой страх и риск. Автор и администрация этого сайта не несет никакой ответственности за использование этих материалов или продуктов третьими лицами.
В случае, если вы используете один из перечисленных здесь материалов или продуктов, Вы обязаны официально приобрести его у фирмы производителя или автора.
Профессия — 1С
рубрики: Работа с формами | Дата: 10 августа, 2018
Скачать обработку с примерами из статьи: professia1c_html_document.epf
Платформа: 8.3; Тип формы: управляемая.
Сегодня рассмотрим такой элемент форм 1С как Поле HTML документа.
Название его говорит само за себя и предназначено это поле для отображения кода в формате html. Первое, что приходит на ум это конечно же организовать просмотр сайтов. И такая возможность действительно есть. И второе — для тех кто немного знаком с html и css есть возможность самим написать код для отображения в html поле. Учитывая, что у css3 достаточно широкие возможности стилизации, и в том числе присутствует возможность анимации, может получится достаточно живая и красочная картинка. Плюс, как известно, в html можно включать и код на языке java script. И тут уже возможности ограничиваются только вашей фантазией. Рассмотрим на примере оба вышеперечисленных варианта. Для демонстрации создадим внешнюю обработку на управляемых формах.
Просмотр веб страницы через поле HTML документа
Эта возможность реализуется очень просто. В реквизиты формы добавим реквизит Сайт с типом «Строка»: 
Разместим этот реквизит на форме и в свойствах выберем вид — «Поле HTML документа»: 
И конечно же добавим строку для ввода адреса сайта.
Остальное делается практически одной строчкой кода, которую мы вставим в обработчик события ПриИзменении адресной строки сайта:
Теперь опробуем обработку в режиме 1С:Предприятия. Ввожу адрес своего сайта www.professia1c.ru и получаю вот такое сообщение об ошибке: 
Это связано с тем, что по умолчанию поле HTML документа работает в режиме совместимости с древней версией браузера Internet Explolrer. И естественно, что очень многие владельцы сайтов уже не заморачиваются с поддержкой старых версий. Хотя если ввести адрес сайта самой 1С — www.1c.ru, мы увидим, что он успешно отобразится в нашем поле. В сети предлагается несколько разных способов как победить эту ошибку. От редактирования настроек браузера IE, до редактирования реестра. Мне на моей домашней 32-разрядной версии Windows 10 помогло редактирование реестра. Для этого необходимо найти ветку «HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION» и добавить в нее параметр 1Cv8c.exe со значением 11000 в десятичной системе исчисления. 
После этого все встает на свои места и сайт отображается корректно. Понятно, что когда речь идет о крупном предприятии, то отредактировать реестр на десятках и сотнях машин может быть проблематично. Но в каких-то отдельных случаях может выручить.
На самом деле не совсем понятно где это может пригодится, если есть стандартный браузер. Ну с фирмой 1С все понятно — она таким образом рекламу нам показывает каждый раз когда мы 1С:Предприятие запускаем)).
Метатег X-UA-Compatible
Когда речь не идет о просмотре сайтов и мы пишем полностью свой код для поля html документа, то нам нет необходимости редактировать реестр для того чтобы воспользоваться всеми прелестями CSS3 и HTML5. Для этого воспользуемся метатегом X-UA-Compatible. Это специфический метатег предназначенный для браузера Internet Explorer. Он позволяет устанавливать режим совместимости для IE. Если быть точным, то X-UA-Compatible — это значение аттрибута http-equiv, который в свою очередь используется вместе с аттрибутом content. Короче говоря нам необходимо в разделе head нашего html документа прописать вот такую строчку:
которая говорит браузеру Internet Explorer, что он должен работать в режиме совместимости с самой последней его версией. В которой нам конечно же доступны CSS3 и HTML5.
Пишем свой код для поля HTML документа
А теперь создадим свою мини веб страничку и отобразим ее в другом поле HTML документа. По аналогии с предыдущим примером создадим реквизит СтилиCSS и разместим его в отдельной закладке на форме. 
Далее перейдем к написанию кода html. Минимально необходимый код, так сказать заготовка нашей странички выглядит следующим образом:
Внутри тега обычно прописывают различные метатеги, а также мы поместим в него тег в котором пропишем стили css. Как правило стили css размещают в отдельном файле, но поскольку у нас нет такой возможности воспользуемся тегом style. Содержимое же самой страницы размещают внутри тега
Элементы управления HTML
В следующих разделах вы узнаете о серверных элементах управления HTML, определенных в пространстве имен System.Web.UI.HtmlControls. В целом существует около двух десятков отдельных классов серверных элементов управления HTML. Они разбиты на отдельные категории на основе того, являются они элементами управления вводом (в этом случае они унаследованы от HtmlInputControl) или же могут содержать другие элементы управления (тогда они являются производными от HtmlContainerControl).
На рисунке ниже показана иерархия наследования:
Класс HtmlControl
Все серверные элементы управления HTML являются производными от базового класса HtmlControl. Ниже перечислены свойства, добавленные классом HtmlControl к базовому классу Control:
| Свойство | Описание |
|---|---|
| Attributes | Позволяет читать и добавлять атрибуты дескриптора элемента управления. Эту коллекцию можно использовать для добавления атрибутов, не предоставляемых определенными свойствами. (Например, можно добавить атрибут onFocus к текстовому полю и указать какой-то JavaScript-код для настройки того, что будет происходить в результате передачи фокуса текстовому полю.) |
| Disabled | Возвращает или устанавливает состояние доступности элемента управления. При значении true элемент управления становится неактивным |
| Style | Возвращает коллекцию применяемых к элементу управления атрибутов CSS. В веб-странице значение этого свойства имеет вид разделенного точками с запятой списка атрибутов стиль:значение. В Visual Studio указать такое значение можно, щелкнув правой кнопкой мыши на элементе управления в режиме визуального конструктора и выбрав в контекстном меню пункт New Style (Новый стиль) |
| TagName | Возвращает имя дескриптора элемента управления, например, a, img и т.п. |
Класс HtmlContainerControl
Для поддержки включения класс HtmlContainerControl добавляет два свойства:
InnerHtml
Возвращает или устанавливает HTML-текст внутри открывающего и закрывающего дескрипторов. При использовании этого свойства все символы остаются в том виде, как есть. Это означает возможность встраивания разметки HTML (выделение текста, добавление разрывов строк и т.п.)
InnerText
Возвращает или устанавливает текст внутри открывающего и закрывающего дескрипторов. При использовании этого свойства все символы, интерпретируемые как специальный синтаксис HTML (вроде угловой скобки
Класс HtmlInputControl
Серверные элементы управления вводом являются производными от HtmlInputControl, который добавляет следующие свойства:
Type
Предоставляет тип HtmlInputControl. Например, если это свойство установлено в text (текст), HtmlInputControl является текстовым полем для ввода данных.
Value
Извлекает либо устанавливает значение, связанное с элементом управления вводом. Значение, ассоциированное с элементом управления, зависит от типа элемента управления. Например, в текстовом поле это свойство хранит текст, введенный в элементе управления. Для кнопок оно соответствует тексту кнопки.
Классы серверных элементов управления HTML
| HtmlTable | Align, BgColor, Border, BorderColor, CellPadding, Cellspacing, Height, Width, Rows (коллекция) | |
| Любой другой дескриптор HTML с атрибутом runat=»server» | HtmlGenericControl | Отсутствуют |
Назначение большинства свойств серверных элементов управления HTML довольно очевидно, поскольку они соответствуют базовым атрибутам HTML. Это означает, что нет необходимости сосредоточиваться на каждом отдельном элементе управления. В следующих нескольких разделах будет представлен обзор некоторых распространенных методов применения элементов управления, а также более глубоко будут рассмотрены их события и общая объектная модель.
Установка атрибутов стилей и других свойств
В следующем примере демонстрируются варианты настройки стандартного элемента управления HtmlInputText (который представляет дескриптор ). Для чтения или установки текущего текста в текстовом поле применяется свойство Value. Чтобы сконфигурировать стили, необходимо с помощью коллекции Style добавить новые атрибуты стиля CSS. И, наконец, если нужно установить другие атрибуты, не представленные никакими свойствами, следует использовать коллекцию Attributes.
В предлагаемом примере коллекция Attributes применяется для ассоциирования с клиентским событием onfocus элемента управления простого кода JavaScript (отображающего окно предупреждения с текущим значением текстового поля):
Если запросить эту страницу, для текстового поля возвращается следующий HTML-код:
Атрибут стиля CSS может также содержать информацию, которая не была явно установлена в коде. Например, если изменить размер элемента управления вводом в визуальном конструкторе Visual Studio, к используемому стилю будут добавлены свойства высоты (height) и ширины (width). Эти детали затем появятся и в окончательном HTML-коде.
На рисунке показано, как будет выглядеть приведенная страница при наведении фокуса на текстовое поле:
Описанный процесс взаимодействия, по сути, выглядит одинаково для всех серверных элементов управления HTML. Свойства стилей и атрибуты всегда устанавливаются одинаково. Единственное отличие состоит в том, что некоторые элементы управления предоставляют дополнительные свойства. Например, элемент управления HtmlAnchor предоставляет свойство HRef, позволяющее устанавливать целевую страницу для ссылки.
Программное создание серверных элементов управления
Иногда невозможно знать наперед, сколько текстовых полей, переключателей, строк таблиц или других элементов управления понадобится, поскольку это может зависеть от других факторов, таких как количество записей, хранимых в базе данных, или пользовательский ввод. ASP.NET предлагает решение этой проблемы — вы можете просто создать экземпляры необходимых серверных элементов управления HTML, установить их свойства с помощью объектно-ориентированного подхода, использованного в предыдущем примере, а затем добавить их в коллекцию Controls страницы-контейнера.
Этот пример содержит два вложенных цикла. Во внешнем цикле создаются строки, а во внутреннем — отдельные ячейки для каждой строки, которые затем добавляются в коллекцию Cells текущей строки. По окончании внутреннего цикла код добавляет всю строку в коллекцию Rows таблицы. Последнее действие выполняется по завершении внешнего цикла. На этом этапе код добавляет готовую таблицу в коллекцию Controls страницы.
Управляемые формы: Поле HTML Документа и веб-клиент
Вступление
Взаимодействие javascript и интерфейса 1С дает огромные возможности для реализации нестандартных функций. Раньше можно было напрямую вызывать функции JavaScript через DOM объект document Поля HTML документа. В современных браузерах эта возможность ушла. Более того, в веб-клиенте появляется тип ВнешнийОбъект, который вообще нигде не описан. На Инфостарте были предложения вызывать JavaScript через fireEvent, но это очень неудобно. Предлагаю свой вариант решения.
С чего все началось
Разбираться с HTML полем меня сподвигло большое количество задач, в которых была необходимость реализовать интерактивные карты с мониторингом, маршрутизацией и т.д. Поскольку встроенными средствами 1С сделать это невозможно, то раньше использовал ActiveX компоненту собственного изготовления. На обычных формах все работало приемлимо, не считая, что решение и рядом не стояло с открытыми фреймворками типа OpenLayers. После появления управляемых форм, была попытка встроить все тот же ActiveX в HTML документ и разместить его в поле. Решение работает, но в виду ужесточения политики безопасности Microsoft, требовало изменения настроек безопасности на каждом клиенте, что в конечном счете оказалось неприемлимым. Вот тогда мы и поставили перед собой задачу, прикрутить к управляемым формам карты на основе Web-движков (Яндекс.Карты, OpenLayers и прочие Tile ориентированные движки).
Вариант 1. Работает в толстом клиенте, работает в тонком клиенте, не работает в веб-клиенте
Суть метода заключается в получении свойства parentWindow элемента формы ПолеHTMLДокумента. Выглядит примерно так:
Все это прекрасно работает в толстом и тонком клиенте, но в веб-клиенте это работать не будет, так как в веб-клиенте у ПоляHTMLДокумента в свойстве Документ нет parentWindow.
Вариант 2. Работает в Толстом клиенте, тонком клиенте, веб-клиенте (проверено Chrome, IE, Edge)
Для реализации этого варианта необходимо немного исправить HTML макет. А именно:
И небольшие правки в коде формы
Таким образом для толстого и тонкого клиента мы оставляем все как и было, но для универсальности используем расширенный нами объект DOM body. В веб-клиенте элемент формы ПолеHTMLДокумента.Документ содержит тип ВнешнийОбъект, что на самом деле является COM реализацией элемента body по структуре DOM.
Теоретически можно написать функцию в body, которая вернет ссылку на window, и тогда можно вызывать глобальные функции.
Комплект вопросов сертификационного экзамена на знание основных механизмов платформы «1С: Предприятие 8» (стр. 27 )
 | Из за большого объема этот материал размещен на нескольких страницах: 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 36 37 38 39 |
1. Выводятся первые серии, количество которых задается этим свойством
10.34 Для чего используются привязки в обычной форме?
1. Для обеспечения управления поведением границ элементов управления при изменении размеров формы
2. Для обеспечения управления видимостью элементов управления в зависимости от видимости других элементов управления
3. Для обеспечения управления доступностью элементов управления в зависимости от доступности других элементов управления
4. Для обеспечения управления доступностью элементов управления в зависимости от видимости или доступности других элементов управления
10.35 При расположении в панели обычной формы элементов управления.
1. их можно привязать к границам панели
2. их можно привязать к границам элементов управления, расположенным в панели и к границам панели
3. их можно привязать к границам элементов управления, расположенных в любом месте формы
4. их можно привязать к границам элементов управления, расположенных в любом месте формы и к границам формы
10.36 С помощью кнопки панели инструментов «Элементы управления, указанной на рисунке, будут созданы:
1. Элемент управления «Флажок»
2. Реквизит формы с типом значения «Булево»
3. Верны ответы I и 2
10.37 Значение типа «ЗначениеДиаграммы» позволяет получить:
1. Значение диаграммы в определенной точке и серии
2. Значение расшифровки в определенной точке и серии
3. Верны ответы I и 2
10.38 Как включить возможность интерактивной перенастройки порядка обхода элементов управления обычной формы?
1. Через меню «Форма» снять флажок «Автоматический порядок обхода»
2. Снять флажок «Автопорядок обхода» в свойствах формы
3. Снять флажок «Автопорядок обхода» в свойствах каждой панели формы
10.39 Элемент управления «Надпись» предназначен:
1. Для расположения в форме поясняющей информации
2. Для расположения в форме гиперссылок
3. Для расположения в форме бегущей строки
4. Для расположения в форме картинок с поясняющей информацией
5. Верны ответы 1, 2, 3 и 4
10.40 Свойство диаграммы «БазовоеЗначение» содержит:
1. Начальное значение координат. Используется в случае, когда изменения параметра, отображаемого в диаграмме, несоизмеримо малы по сравнению с его минимальным значением
2. Максимальное значение текущей серии
3. Абсолютное значение, определяемое в свойстве «МаксимумСерийПроцент»
10.41 При размещении элементов управления в форме нельзя.
1. разместить один и тот же элемент управления на двух страницах
2. разместить два элемента управления, отображающие данные одного и того же реквизита формы
3. разместить два элемента управления, отображающие данные одного и того же реквизита формы на одной странице
4. разместить два элемента управления, отображающие данные одного реквизита формы на любых страницах одной и той же панели
10.42 Если для элемента управления «Надпись» в качестве источника данных указан реквизит справочника, то выводимая надписью информация будет определяться:
1. Свойством «Заголовок» элемента управления «Надпись»
2. Значением реквизита, указанного в свойстве «Данные» элемента управления «Надпись»
3. Свойством «Заголовок» элемента управления «Надпись», если значение реквизита справочника неопределенно
10.43 Сколько может быть создано форм, подчиненных справочнику «Номенклатура»?
1. Произвольное количество
2. Форма элемента, форма группы (для иерархических справочников) и произвольное количество форм списка
3. Только пять (по числу основных форм)
10.44 Элемент управления «Поле HTML-документа» предназначен:
1. Для просмотра HTML-документов
2. Для редактирования HTML-документов
3. Для просмотра или редактирования HTML-документов
10.45 Редактировать HTML-документ, отображаемый в элементе управления «Поле HTML-документа», можно:
1. В режиме конфигуратора
2. В режиме 1С:Предприятие
3. В режиме конфигуратора и в режиме 1С:Предприятие
10.46 HTML-документ в элементе управления «Поле HTML-документа» может быть сформирован:
2. Загружен из ресурса, указываемого через URL
3. Загружен из макета типа HTML-документ
4. Верны ответы 1, 2 и 3
10.47 Список значений, используемый в элементе управления «Поле выбора», может быть сформирован:
1. Только программно
2. Только в режиме конфигуратора в специальном окне, которое можно открыть в разделе «Использование» палитры свойств элемента управления
3. Только в режиме 1С:Предприятие в специальном окне, которое можно открыть в разделе «Использование» палитры свойств элемента управления
4. Программно и в режиме конфигуратора в специальном окне, которое можно открыть в разделе «Использование» палитры свойств элемента управления
5. Программно и в режиме 1С:Предприятие в специальном окне, которое можно открыть в разделе «Использование» палитры свойств элемента управления
10.48 Можно ли, нажав на картинку, выполнить некоторые действия?
2. Можно, для этого необходимо в окне свойств элемента управления «Поле картинки» установить флаг «Гиперссылка» и сформировать текст обработчика события «Нажатие»
3. Можно, для этого необходимо сформировать текст обработчика события «Нажатие» элемента управления «Поле картинки». Устанавливать в окне свойств флаг «Гиперссылка» не надо
10.49 Для выбора значений из списков можно использовать следующие элементы управления:
4. Верны ответы 2 и 3
5. Верпы ответы 1, 2 и 3
10.50 С помощью элемента управления «Поле текстового документа» можно отображать и редактировать:
2. Текст, написанный на языке запросов
3. Текст, написанный на встроенном языке
5. Верны ответы 1, 2, 3 и 4
10.51 Элемент управления «Разделитель» позволяет:
1. Визуально разделять элементы управления, размещенные в форме
2. Перераспределять внутреннее пространство формы, изменяя размеры расположенных в ней элементов управления, при изменении размеров самой формы
3. Перераспределять внутреннее пространство формы, изменяя размеры расположенных в ней элементов управления, привязанных к разделителю. Размеры самой формы при этом не меняются
4. Перераспределять внутреннее пространство формы, изменяя размеры расположенных в ней элементов управления, привязанных к разделителю, при изменении размеров самой формы
10.52 Визуально объединять элементы управления, размещенные в форме, можно с помощью:
1. Элемента управления «Табличное поле»
2. Элемента управления «Поле списка»
3. Элемента управления «Рамка группы»
10.53 Поясняющая информация на элементе управления «Кнопка» может быть представлена в виде:
3. Одновременно, картинки и надписи
4. Либо надписи, либо картинки
5. Верны ответы 1, 2 и 3
10.54 В качестве обработчика события «Нажатие» элемента управления «Кнопка» может быть:
1. Выбрано стандартное действие
2. Выбрана процедура модуля формы, в которой расположена кнопка
3. Выбрана глобальная процедура, описанная в общем модуле
4. Верны ответы 1 и 2
5. Верны ответы 1, 2 и 3
10.55 Можно ли при нажатии на элемент управления «Кнопка» осуществить вызов подменю?
2. Можно, для этого в качестве обработчика события «Нажатие» необходимо выбрать стандартное действие «Меню»
3. Можно, если в качестве значения свойства «Режим меню» выбрать «Использовать» или «Использовать дополнительно»
10.56 Сколько элементов управления «Командная панель» расположено на форме?
10.57 Для управления информацией, расположенной в форме, элемент управления «Командная панель» может содержать:
2. Набор кнопок и подменю
3. Набор кнопок, разделителей и подменю
4. Набор кнопок, надписей и подменю
5. Набор кнопок, надписей, гиперссылок, разделителей и подменю