Выполнение JavaScript кода из 1С в объекте Поле HTML Документа (HTML 5) и вызов события в 1С ПриНажатии

Публикация № 338126 Дата создания: 22.03.16 13:39

Разработка - Практика программирования

javascript js ПолеHTMLДокумента

Пример выполнения JS кода из 1С в Поле HTML Документа под управляемыми формами, с удобным получением результата в 1С(С помощью вызова привязанного события ПриНажатии к элементу ПолеHTMLДокумента)

Предыстория

Во время реализации одного проекта, возникла необходимость выполнять javascript(далее JS) код под управление объекта ПолеHTMLДокумента, с получением результат в 1С.  Приведённые примеры, в найденных статьях, показались не очень удобными в использовании (сугубо личное мнение). Было принято решение попробовать найти другое, более простое, решение, на поиски отводилось не более 1 дня.

Меня заинтересовала статья на хабре в которой говорилось, что из HTML документа можно программно вызвать события (используется для вызова метода ПриНажатии из объекта ПолеHTMLДокумента). А на этом сайте управление атрибутами (использую для выполнения JS из 1С) .

Это и стало отправной точкой в разработке метода взаимодействия 1С и объекта ПолеHTMLДокумента.

Для эксперимента будем использовать простую HTML страницу.

<HTML>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
</HEAD>
<body>
<div id="TEST" />
</body>
</html>

Ближе к делу!

Пример описанных методов вы можете посмотреть в прилагаемой обработке. 

  1. Запуск скрипта
  2. Получения ответа скрипта
  3. Запуск с возвратом результата скрипта в 1с


После тестирования статья дополнилась вторым подходом, он получился более простым и понятным, советую пробовать методы описанные в дополнениях.

Выполнение JS из 1С

    Для выполнения JS кода в объекте  ПолеHTMLДокумента мы можем использовать стандартные события тегов. Такие как щелчок, двойной щелчок....  Для примера я буду использовать событие «OnClick»,  список тегов поддерживающих это событие можно посмотреть тут, выберем самый простой тег div.

Получим элемент по ИД из объекта DOM построеным Полем HTML Документа.

ДИВ = Элементы.Док.Документ.getElementById("TEST");

Попробуем найти атрибут "onclick", связанный с событием щелчок мыши, у элемента.

НашлиАтрибут = ДИВ.getAttributeNode("onclick");

Удалим атрибут если такой имеется

Если НашлиАтрибут <> null Тогда
    ДИВ.removeAttribute("onclick");
КонецЕсли;

Создадим атрибут и установим необходимое нам действие

Атрибут  = Элементы.Катра.Документ.createAttribute("onclick"); //создаем атрибут
Атрибут.value = "alert('сообщение от 1c');"; // прописываем скрипт который будем выполнять
ДИВ.attributes.setNamedItem(Атрибут); // привязываем атрибут

Вызовем действие щелчок мыши.

ДИВ.click();

   Таким образом мы можем выполнять любые скрипты, и привязывать/подменять действия у элементов объекта ПолеHTMLДокумента, тем самым обеспечивая необходимое нам поведение. Например к ссылке/кнопке, отображаемой на открытом сайте, мы можем присоединть свое действие или поменять стандарное на свое. (Наверное так и работают вломщики )

В результате получим функцию выполнения скрипта

&НаКлиенте
Процедура ВыполнитьСкрипт(Команда)
	
	ДИВ = Элементы.док.Документ.getElementById("TEST");
	
	НашлиАтрибут = ДИВ.getAttributeNode("onclick");
	Если НашлиАтрибут <> null Тогда
		ДИВ.removeAttribute("onclick");
	КонецЕсли; 
	
	Атрибут  = Элементы.док.Документ.createAttribute("onclick");
	Атрибут.value = "alert('Сообщение  от 1с');";
	ДИВ.attributes.setNamedItem(Атрибут); // привязываем атрибут
	
	ДИВ.click();
		
КонецПроцедуры

Эту процедуру использую вместо старого метода ПолеHTMLДокумента.Документ.parentWindow.eval
который теперь(при использовании IE8 и выше) выдает ошибку ( Метод объекта не обнаружен (eval) )

Дополнение от 25.03.2016

    Попытка выполнить данную конструкцию на платформе 8.3.5.1570 и ниже в толстом клиенте, под управляемой формой, не увенчалась успехом. Но был найден еще один способ выполнить данную операцию. Возможно даже более простой и удобный.

Получим наш Элемент по ИД

ДИВ = Элементы.Катра.Документ.getElementById("TEST");

Установим атрибут «onclick» и его значение, одной функцией (Подсмотрел ТУТ)

ДИВ.setAttribute("onclick", "alert('Координаты');");

Выполним скрипт

ДИВ.click();

ТАДА. все работает 

Процедура ВыполнитьСкрипт(ТекстСкрипт) 

   ДИВ = Элементы.док.Документ.getElementById("TEST");
   ДИВ.setAttribute("onclick", ТекстСкрипт);
   ДИВ.click();

КонецПроцедуры

Дополнение от 02.08.2016

В комметариях был предложен еще один способ вызова JS (спасибо Rie), если у вас есть возможность менять код HTML документа, то можно прописать функцию в нем и затем ее вызывать.  передавая в нее код на JS.
<script type="text/javascript"> function exec(script) { eval(script); } </script>

и затем в 1С: 

Элементы.ПолеHTMLДокумента1.Документ.parentWindow.exec("alert('OK')");

Возврат результата JS в 1С

      Для передачи результата скрипта в 1С из объекта ПолеHTMLДокумента будем использовать событие. Привяжем к  ПолеHTMLДокумента событие ПриНажатии которое получает на вход 3 параметра:

  1. Элемент у которого произошло событие(само ПолеHTMLДокумента )
  2. Объект событие
  3. Признак выполнения стандартного поведения

Чтобы вызвать событие при нажатии понадобиться выполнить следующий js код

var evt = document.createEventObject(); // создадим пустой объект событие
evt.propertyName = 'функц1'; // в реквизит propertyName предлагаю помещать название результата ( что-то вроде типа, или название функции от которой получили данные )
evt.data = '156'; //в реквизит data будем передавать данные результата
document.body.fireEvent('onclick', evt); // выполним событие при нажатии  ПолеHTMLДокумента

    Выполнив данный js код в процедуру при нажатии вторым параметром придет созданный нами объект событие. Который довольно удобно обрабатывать. 

Пример разбора ответа.

&НаКлиенте
// получаем имя и результат события
Процедура ДокПриНажатии(Элемент, ДанныеСобытия, СтандартнаяОбработка)  
               
      ИмяОперации = ДанныеСобытия.Event.propertyName;
      ДанныеОперации = ДанныеСобытия.Event.data;
      Если ИмяОперации = "" Тогда //не наше событие
          Возврат;                       
      КонецЕсли;
              
      Если ИмяОперации = "Функц1" Тогда
         // обработка результат
      ИначеЕсли ИмяОперации = "функц2" Тогда
          // обработка результат
          //......  
      КонецЕсли;
                 
КонецПроцедуры

     Этот метод избавляет от использования обработчиков ожидания, и предоставляет удобный идентификатор события. По идентификатору мы точно знаем какие данные нам пришли, и как их разобрать.

Дополнения от 26.03.2016

   И в этом месте тоже произошли непонятки (ошитбка восптроизводится только на плаформе 8.3.5.1570, но дабы предупредить эти ситуации в далнейшем, приведу решение) Сама причина - при повторном запуске формы с Поле HTML документа в момент вызова процедуры при нажатии по полю HTML платформенный вызов залипал и валил весь COM объект ( Произошла исключительная ситуация (htmlfile): Неопределенная ошибка ). Решением стало отключение стндарного выполнения события click, и отключение режима всплывания события. Как же это сделать смотрим ниже.

// отключим всплывание события подробнее тут

evt.cancelBubble = true;

// отключим стандартное поведение подробнее тут

evt.returnValue = false;

В результате для передачи данных в 1с из JS мы получим функцию.

function return1c(name,data){        

        var evt = document.createEventObject();
	evt.propertyName = name;
	evt.data = data;
	evt.cancelBubble = true;
	evt.returnValue = false;
        document.fireEvent('onclick',evt);
}; 

Вывод.

     Комбинируя эти методы, вы сможете довольно легко запускать необходимый вам js код, и получать данные в 1С, для дальнейшей обработки.

Пример реализации в публикации тут

Скачать файлы

Наименование Файл Версия Размер
ПРИМЕР РАБОТЫ С JS

.epf 6,83Kb
172
.epf 6,83Kb 172 Скачать

Специальные предложения

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. DrAku1a 1447 24.03.16 03:39 Сейчас в теме
По выполнению JS из 1С - вроде было что-то попроще, вроде eval или EvalExpr. По поводу возврата результата - думаю, будет полезно!
2. igo1 244 24.03.16 11:55 Сейчас в теме
(1) DrAku1a, Да, раньше выполнять скрипты можно было с помощью конструкции ПолеHTMLДокумента.Документ.parentWindow.eval("Скрипт"); , но с переходом на IE8 и выше такой возможности больше нет. Да и статья показывает не только, что можно вызвать JS код, но и изменить поведение HTML документа, загруженного в ПолеHTMLДокумент.
3. Yashazz 3878 24.03.16 13:01 Сейчас в теме
(2) и это в общем логично. Поле HTML и выполнение в нём произвольного js, да ещё с eval, было страшенной дырой в безопасности. Поэтому и возможности поля порезали, и вообще.
Интересный способ, спасибо. Как-нибудь на досуге попробую.

Если статья понравилась не забываем щелкнуть на звездочку
Статья так понравилась, особенно эта фраза, что щёлкнул звёздочку даже дважды)
v.l.; amon_ra; +2 Ответить
4. igo1 244 24.03.16 13:21 Сейчас в теме
(3) Yashazz, Вот всегда так, паришься, а потом все по два раза звездочку жмут (((
nekit_rdx; adhocprog; +2 Ответить
5. Yashazz 3878 24.03.16 16:57 Сейчас в теме
(4) а просто не люблю попрошаек. Статья дельная, и я было щёлкнул, а потом дочитал до конца и даже расстроился.
6. igo1 244 24.03.16 19:03 Сейчас в теме
(5) Yashazz,
Я просто на другие статьи посмотрел, дак там даже Яндекс кошель прицеплен. Да, и к тому же, не понятно нормальная статья или нет, звездочку не жмут и Комменты не пишут. Вот и думай стоит писать еще или нет.

Но не в это суть. Статья гуд и отлично )
9. YPermitin 10912 28.03.16 15:05 Сейчас в теме
(2) скажите, а не пытались ли вы использовать объект XMLHttpRequest для отправки запрос из поля HTML-документа?
Вроде как функция эта заблочена, но вдруг есть обходной путь)
10. igo1 244 13.05.16 14:42 Сейчас в теме
(9) YPermitin, XMLHttpRequest не понимаю какую цель вы хотите этим достичь. вроде запросы из ПолеHTMLДокумент нормально уходят, проверил в помощью тега "Кнопка".
20. Rie 29.07.16 00:05 Сейчас в теме
(2) можно определить функцию в самом документе -- и вызывать её:
<script type="text/javascript">
function exec(script) { eval(script); }
</script>

и затем в 1С:

Элементы.ПолеHTMLДокумента1.Документ.parentWindow.exec("alert('OK')");
agent00mouse; maksa2005; sp18s; ice-net; TuneSoft; dutlovva; +6 Ответить
23. igo1 244 29.07.16 13:36 Сейчас в теме
7. sikuda 650 25.03.16 09:50 Сейчас в теме
8. igo1 244 25.03.16 11:45 Сейчас в теме
(7) sikuda, Спасибо за коммент, посмотрел вашу статью.
В ней действительно есть похожие места, но думаю посмотрев структуру возврата события в 1С более удобных мест передачи данных не придумать, поэтому у нас места совпали. И сам подход у меня немного другой.
11. ut11 2 27.07.16 19:09 Сейчас в теме
Опробовал методику, столкнулся с тем, что при повторных вызовах обработки происходит ошибка:

"Ошибка при вызове метода контекста (setAttribute)
ДИВ.setAttribute("onclick", ТекстСкрипт);
по причине:
Произошла исключительная ситуация: Не поддерживается"

либо "Произошла исключительная ситуация (0x800a01b6)"

кто нибудь решал такую проблему?
12. igo1 244 27.07.16 19:25 Сейчас в теме
Да такая проблема была на платформе 8.3.5 обновите и все ОК, или посмотрите эту публикацию http://infostart.ru/public/506854/ (11) ut11,
13. ut11 2 27.07.16 19:44 Сейчас в теме
у клиента 8.2.19 и обновить нет возможности :(
14. ut11 2 27.07.16 19:46 Сейчас в теме
а что именно там смотреть? я ту обработку и брал за образец
15. igo1 244 27.07.16 19:47 Сейчас в теме
Это поправили в 8.3.7 как я знаю. Не понятно почему нельзя обновить, режим совместимости вполне работает.
16. ut11 2 27.07.16 19:53 Сейчас в теме
я субподрядчик на большом проекте, от меня это не зависит, увы
18. igo1 244 28.07.16 11:50 Сейчас в теме
(16) ut11, Это косяк платформы, методов обхода мне найти не удалось
24. Al-77 77 02.08.16 16:23 Сейчас в теме
(16) ut11, Добрый день, вам удалось решить проблему на платформе 8.2 ?
25. igo1 244 02.08.16 18:15 Сейчас в теме
(24) Al-77, Ее не решить на 8.2, там COM объект после вызова события разваливается. только 8.3.7 и выше. под 8.2 должен работать старый метод eval просто поставьте <meta http-equiv="X-UA-Compatible" content="IE=9"/> в место IE=9 -> IE=7. должно заработать. Пример такой работы в моей старой обработке http://infostart.ru/public/238697/
17. Zixxx 28.07.16 06:17 Сейчас в теме
Ни как не получается в Поле HTML Документа отобразить следующую страницу
http://wsde.ru/timeline/index.html
Постоянно валится с ошибками, описанный здесь пример тоже пробовал использовать, но может не так чего сделал.

Подскажите плиз как сделать
19. igo1 244 28.07.16 12:53 Сейчас в теме
(17) Zixxx, попробуйте поиграть с этим тегом <meta http-equiv="X-UA-Compatible" content="IE=9"/>. сначала откройте свой HTML с эти тегом(1с запустит эмуляцию IE). а потом переходите по ссылке
21. alex_ua85 29.07.16 01:23 Сейчас в теме
К чему эти извращения? Вопрос из ряда "Знаю JS и лень учить 1С. Как писать в 1С средствами JS?". Вопрос, зачем?
22. igo1 244 29.07.16 12:57 Сейчас в теме
(21) alex_ua85, Либо я не очень понятно написал, либо читать вам надо внимательней. Так есть определяется функция в самом документе и вызывается (Это для передачи данных из 1с в док), а ели у вас произошло событие в документе, определен второй вариант с вызовом из документа в 1с через события "ПриНажатии" с передачей строковых данных.
31. zan_od 54 13.12.16 22:05 Сейчас в теме
(21), использование JS из 1С имеет право на жизнь. Использование уже готовых библиотек, как минимум. Я, например, использовал JS библиотеки для расчета SHA-1 и HMAC-SHA1. Только запускал JS через "MSScriptControl.ScriptControl"
VKislitsin; +1 Ответить
26. SherifSP 21.09.16 13:00 Сейчас в теме
При использовании тега <meta http-equiv="X-UA-Compatible" content="IE=edge"/>, недоступно обращение через функцию eval html документа, как можно обратится к функции html документа с этим тегом?
29. igo1 244 26.09.16 13:23 Сейчас в теме
(26) SherifSP, к сожалению работу с edge (это не IE) не тестировал .....
27. Дмитрий_кдс 22.09.16 11:06 Сейчас в теме
Добрый день. Подскажите, как обойти проблему Eval() на обычных формах 8.3? Ругается на метод Евал при открытии карты((
28. igo1 244 26.09.16 13:22 Сейчас в теме
(27) Дмитрий_кдс, Статья сверху (Весь текст) посвещен именно этому вопросу
30. vaxhab 14 06.12.16 22:31 Сейчас в теме
32. dablack 29.08.17 23:15 Сейчас в теме
Игорь, спасибо! очень кстати нашел вашу статью.
33. igo1 244 01.09.17 12:28 Сейчас в теме
34. antz 01.09.17 13:01 Сейчас в теме
А ДобавитьОбработчик совсем никто не юзает, только я?
35. igo1 244 01.09.17 13:09 Сейчас в теме
(34) Такой статьи ДобавитьОбработчик + HTML я еще не видел, это ваш шанс заявить о себе. И мне тоже будет интересно.
36. antz 01.09.17 13:29 Сейчас в теме
(35) насчет статьи не знаю, в общем, там просто все. Но меня выручило прямо. Вот, для событий onclick и oncontextmenu.
Прикрепленные файлы:
Обработчик.epf
tormozit; Степной; N1LL; CnupT; +4 Ответить
37. igo1 244 05.09.17 13:09 Сейчас в теме
Посмотрел обработчик, хороший пример. можно и так.
38. Mzybo 09.10.17 10:13 Сейчас в теме
У меня есть практический вопрос. Как получить файл Excel с сайта?
http://grls.rosminzdrav.ru/GRLS.aspx (в правом верхнем углу)

Сейчас я получаю данные элемента через функцию
а = Элементы.Реквизит1.Документ.getElementById("ctl00_plate_tdzip");

Как дальше выполнить этот код, чтобы иметь возможность сохранить файл?
39. igo1 244 09.10.17 12:19 Сейчас в теме
(38)Это делается с помощью GET запроса, в вашем случае объект HTMLДокумент не нужен.
40. ZhokhovM 422 18.10.17 12:29 Сейчас в теме
41. v.l. 11.01.18 13:51 Сейчас в теме
(40) Не стесняйся, не держи в себе! Пиши здесь.
42. Green2 29 24.09.18 14:59 Сейчас в теме
Тут упущен важный момент, на какой версии IE работает данная обработка.

Потому что в режиме IE 11 функции

var evt = document.createEventObject();
document.fireEvent('onclick',evt)

Не работают.

По стандарту надо писать

var event = document.createEvent("Event");
event.initEvent("hello", true, true);

elem.dispatchEvent(event) ;

но почему то эти события 1С не ловит...
43. igo1 244 25.09.18 15:48 Сейчас в теме
44. Green2 29 25.09.18 16:03 Сейчас в теме
(43) Я попробовал этот код
// Create the event.
var event = document.createEvent('Event');

// Create a click event that bubbles up and
// cannot be canceled 
event.initEvent('help', true, false);

// Listen for the event.
elem.addEventListener('click', function (e) {
  // e.target matches elem
}, false);

elem.dispatchEvent(event);
Показать

Но он не позволяет вызвать событие onHelp в 1С.
Поэтому приходится вызывать fireEvent, но он работает только в старой версии IE.
45. igo1 244 26.09.18 16:18 Сейчас в теме
(44)

При создании объекта "Поле HTML Документа" можно указать версию IE.
53. skaoxy 11 07.08.20 10:19 Сейчас в теме
46. rassigor 03.05.19 01:57 Сейчас в теме
Привет, в справочник номенклатура был добавлен редактор HTML для редактирования описания и выгрузки на сайт.
до версии 8.3.14 все прекрасно работало, сейчас после перехода перестало работать, так как в версии 8.3.14 - webkit
html = Элементы.Body.Документ.parentWindow.eval("CKEDITOR.instances.editor1.getData();"); вот этот код выдает ошибку

Подскажите пожалуйста, как перевести на webkit
47. user1275865 04.09.19 19:38 Сейчас в теме
Всё вышеперечисленное перепробовал, но тщетно: fireEvent не работает, CustomEvent, у которого можно задать detail - тоже не взлетел (detail всё время равно 1)...

Решение нашёл такое: если нужно выполнить некую функцию на JS, достаточно объявить эту функцию в глобальном контексте:
<script type="text/javascript">
function myCustomFunction() {
   return "My valuable JS data";
}
</script>


Глобальный контекст доступен в 1С через свойство window объекта Документ:
Данные = ЭлементыФормы.ПолеHTMLДокумента.Документ.window.myCustomFunction();
48. igo1 244 04.09.19 19:48 Сейчас в теме
На какой платформе пробовали?
49. Konstatine 7 07.10.19 14:51 Сейчас в теме
Скажите, почему не работает на 8.2?
50. SlavaKron 22.10.19 15:03 Сейчас в теме
Что в IE, что в WebKit, чтобы вызвать функцию js поля HTML из 1С, достаточно в скрипте объявить эту функцию, как переменную документа:
&НаКлиенте
Процедура ПриОткрытии(Отказ)
	Реквизит1 =
	"<html>
	|	<head>
	|		<script language='JavaScript' type='text/javascript'>
	|			
	|			document.helloWorld = function() {helloWorld()};
	|		 
	|		 	function helloWorld() {
	|				document.getElementById('text').innerHTML = 'Hello World!'
	|			}
	|			
	|		</script> 
	|	</head>		
	|			
	|	<body>
	|		<h1 id='text'> </h1>
	|	</body>
	|	
	|</html>";

КонецПроцедуры

&НаКлиенте
Процедура Команда1(Команда)
	Элементы.Реквизит1.Документ.helloWorld();
КонецПроцедуры
Показать
Прикрепленные файлы:
ВнешняяОбработка1.epf
AutomationStock; user1391851; Kuzja_R; asg.aleks; user876469; mailrum2004; +6 Ответить
55. AutomationStock 57 21.05.21 15:20 Сейчас в теме
(50)
document.helloWorld = function() {helloWorld()};


К сожалению не работает данный способ в 8.3.18.1208, пытаюсь запустить в поле HTML документа, диаграмму HighCharts, не выполняются JS скрипты чтобы я не делал.
Может есть какой-то другой способ?
Например этот код сохраненный в файле выполняется, при подстановке в текст HTML документа, выполняется только html.
<html>
<body>

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 100%; min-width: 310px; relational">  </div>
<script type="text/javascript">


Highcharts.getJSON('https://demo-live-data.highcharts.com/aapl-ohlc.json', function (data) {

    // create the chart
    Highcharts.stockChart('container', {


        rangeSelector: {
            selected: 1
        },

        title: {
            text: 'AAPL Stock Price'
        },

        series: [{
            type: 'candlestick',
            name: 'AAPL Stock Price',
            data: data,
            dataGrouping: {
                units: [
                    [
                        'week', // unit name
                        [1] // allowed multiples
                    ], [
                        'month',
                        [1, 2, 3, 4, 6]
                    ]
                ]
            }
        }]
    });
}); 

</script>

</body></html>
Показать
51. eugeniezheludkov 37 04.05.20 17:08 Сейчас в теме
Коллеги понимаю, что вопрос не туда, но может кто знает как на вебкит (ПолеHTMLДокумента) передать "ЭтаФорма" (контекст формы для вызова экспортных процедур формы 1С из JS)? раньше старый код работал когда мне нужно было вызвать из JS экспортный метод формы в 1С нужно было в js вызвать Form.exportMethod() , то сейчас при передаче в JS Этаформа всегда равен undefined . (8.3.15.1830)
52. wenzor 33 25.06.20 14:29 Сейчас в теме
(51) Думаю заблокировали разработчики эту возможность. Вообще сейчас из 1С в JS никакие объекты не "лезут". Так что пользуйтесь программно вызываемым событием click.
agent00mouse; +1 Ответить
56. tormozit 6342 09.06.21 00:01 Сейчас в теме
(52)
Довольно неприятной особенностью обычных форм является вызов платформой обновления всей формы (главным образом ее табличных полей) при наличии непустого обработчика одного из событий

ВнешнееСобытие
ОбработкаОповещенния
ПолеHTMLДокумента.Событие

Соответственно на тяжелых формах каждый вызов события onclick вызывает асинхронное (как одноразовый обработчик ожидания) выполнение большого количества ненужного кода. А у меня это событие для поля HTML зовется очень часто. Таким образом если на форме отображается табличное поле с большим количеством ячеек и обработчиков ПриВыводеСтроки, то возникают ощутимые задержки при частых вызовах onclick.

Нужен именно вызов экспортного метода. Может есть какой то грязный хак?
57. tormozit 6342 09.06.21 00:47 Сейчас в теме
58. agent00mouse 222 16.06.21 14:04 Сейчас в теме
(52)
Я Это решил так:
	мКодJS	= Новый Массив();
	мКодJS.Добавить("var DocsArr = [");
	Для Каждого ЭМ Из МДокументов Цикл
		мКодJS.Добавить("'"+ЭМ+"',");
	КонецЦикла;
	мКодJS.Добавить("];");
	мКодJS.Добавить(Символы.ВК);
	мКодJS.Добавить("ContentUpdate ( DocsArr );");
	КодJS=СтрСоединить(мКодJS,"");
	
	ОкноБраузера.ExcecMyCodeFunc( КодJS );
Показать

Но это дикий костыль!
54. AnotherSide 21.08.20 17:05 Сейчас в теме
Коллеги, возникла следующая проблема: по описанной выше методике пытаемся реализовать запись звука из формы с HTML-документом на веб-клиенте (2 кнопки- Начать запись и Закончить запись). Скачан и доработан готовый скрипт на JS зашитый в поле HTML. При попытке начать запись выдается Dom Exception, судя по консоли JS в момент попытки чтения звуковых устройств, т.е. по ощущениям не хватает прав, хотя все права для самого сайта даны на уровне браузера. Может кто знает, есть ли какие-то ограничения для веб-клиента на этот счет, ведь локально на странице все прекрасно отрабатывает. Кусок скрипта ниже:

function startRecord() {
		
	navigator.mediaDevices.getUserMedia({
            audio: true
        }).then(function(stream) {
            gumStream = stream;
            recorder = new MediaRecorder(stream);
            recorder.ondataavailable = function(e) {
				recordingBlob = e.data;
            };
            recorder.start();
Показать
Оставьте свое сообщение

См. также

FormCodeGenerator Программная доработка форм. Часть 2 (Режим работы "Режим сравнения форм") на примере ERP 2.5 Промо

Практика программирования Адаптация типовых решений Прочие инструменты разработчика v8 1cv8.cf Абонемент ($m)

Данная публикация является продолжением описания функционирования обработки "FormCodeGenerator " в режиме сравнения форм и генерирования кода на основании сравнения. Подходит для перевода уже доработанных форм с интерактивной доработки на программную. Данный режим работы обработки снизит издержки при дальнейших обновлениях конфигураций.

5 стартмани

21.12.2020    6709    21    huxuxuya    11    

[mobile] Переносим HTML интерфейс на 1С

Работа с интерфейсом Мобильная разработка v8 v8::Mobile 1cv8.cf Бесплатно (free)

Разберем методы переноса HTML интерфейса на 1С на примере реализации нижнего меню для мобильного приложения. Сравним методы между собой. Данные методы можно применять не только для мобильной разработки, но и для веб-клиента и т.д

02.11.2020    7327    leobrn    66    

Интерактивная справка по объектам 1С (подключаемое расширение)

Практика программирования Работа с интерфейсом v8 ERP2 Абонемент ($m)

База знаний, подключаемая к объектам основной базы. Пополняется интерактивно, формируется в виде статей прямо в 1С (текст, картинки, таблицы, ссылки). Есть возможность прикрепления файлов, привязки к объектам 1С, возможности рейтинга и комментирования пользователями.

3 стартмани

29.09.2020    12883    73    sapervodichka    43    

Вам нравятся запросы в 1С? Промо

Практика программирования Разработка v8 v8::Запросы 1cv8.cf Абонемент ($m)

Речь не только о том, что простейший запрос с "легальным" оформлением растянется на пол-экрана, речь еще обо всем, что нужно написать "в нагрузку" к тексту запроса. Все эти "Новый Запрос", "УстановитьПараметр" и последующие пляски с обработкой результата... Пора с этим заканчивать!

1 стартмани

03.07.2019    25873    7    m-rv    91    

Когда хотим знать IP клиента...

WEB v8 Бесплатно (free)

В процессе разработки web приложения на 1С, и это не шутка))), а пожелание заказчика, возникла ситуации когда понадобилось знать, с какого IP подключался клиент.

03.07.2020    8725    IMihalev    10    

Получение html-кода страницы. JS из 1С

Практика программирования WEB v8 Бесплатно (free)

Получение исходника страницы, выполнение произвольного js-кода. Теперь с WebKit от 1С.

18.02.2020    8823    Yashazz    13    

Конвейер проверки качества кода

Инструментарий разработчика Практика программирования Математика и алгоритмы Jenkins SonarQube v8 1cv8.cf Абонемент ($m)

Jenkinsfile для выполнения проверки качества кода. Собирает информацию с АПК, EDT и BSL-LS. Сопоставляет ошибки с гит-репозиторием, выгруженным ГитКонвертором. Отправляет в Сонар.

3 стартмани

04.09.2019    33384    27    Stepa86    46    

ВСТАВИТЬ В Справочник.Номенклатура (Код, Наименование) ЗНАЧЕНИЯ ("001", "Новый товар") Промо

Практика программирования v8 v8::Запросы 1cv8.cf Абонемент ($m)

Вас не обманывают ваши глаза, это запрос на изменение данных! И это работает без прямого доступа к БД, регистрации и смс.

1 стартмани

01.06.2018    34848    93    m-rv    58    

Алгоритмы поиска пути в графе

Практика программирования Разработка v8 1cv8.cf Абонемент ($m)

Реализуем алгоритмы поиска пути в графе на платформе 1С 8.3, такие как алгоритм А*, поиск в ширину, жадный поиск, алгоритм Дейкстры и вконце волновой.

1 стартмани

09.07.2019    21563    12    RonX01    10    

Работа с публикациями "Инфостарт"

Практика программирования О сообществе WEB v8 УУ Абонемент ($m)

Работа с рублевыми публикациями на сайте "Инфостарт": ведение клиентов, заказов, обновление файлов публикации, рассылка обновлений.

1 стартмани

13.09.2018    26150    14    RocKeR_13    16    

HTTP Сервисы: Путь к своему сервису. Часть 3

Инструментарий разработчика Практика программирования v8 1cv8.cf Абонемент ($m)

Продолжение статьи «HTTP Сервисы: Путь к своему сервису. Часть 2». В предыдущих частях мы использовали только Get, в этой части поговорим о других методах и длительных операциях.

1 стартмани

27.08.2018    49883    66    dsdred    17    

Заполняем по шаблону (по умолчанию) Промо

Практика программирования v8 v8::УФ 1cv8.cf Абонемент ($m)

Простой в подключении, универсальный и достаточно удобный механизм заполнения реквизитов произвольных документов/справочников значениями по умолчанию. Реализован в расширении, но может быть и непосредственно включен практически в любую конфигурацию на управляемых формах простым копированием одной формы и двух команд. Весь код в статье.

1 стартмани

08.02.2018    32790    20    mvxyz    17    

Позиционирование в помещении с помощью нейросети по сигналу Wi-Fi. Интерактивная карта склада в 1С с показом позиции

Инструментарий разработчика Практика программирования v8 Абонемент ($m)

Данная публикация содержит в себе редактор и интерактивную карту склада или иного помещения, на которой в реальном времени отображается позиция устройства, координаты которого вычисляются по уровням сигнала нескольких роутеров Wi-Fi. В статье и приложенным к ней разработкам предлагаются инструменты и методика для реализации вычисления точной геопозиции внутри помещений с помощью нейронной сети. Конфигурация написана на релизе 1С:Предприятие 8.3.12.1412, клиентское приложение имеет минимальный уровень совместимости SDK -16.

5 стартмани

09.08.2018    33979    31    informa1555    30    

Работа с данными выбора

Практика программирования Работа с интерфейсом v8 Россия Абонемент ($m)

В управляемом интерфейсе заложена мощная возможность описывать связи реквизитов формы через параметры. Установка параметров связей позволяет ограничить выбор данных так, чтобы целостность данных была обеспечена на этапе ввода. Однако без дополнительного программирования задать можно только самые простые связи. Такие условия связи, как зависимость от реквизита через точку или зависимость через дополнительное отношение, заданное в регистре сведений - уже задать без программирования не получится.

1 стартмани

17.07.2018    61817    24    kalyaka    17    

Полезные примеры составления схемы компоновки данных #2

Практика программирования v8 v8::СКД 1cv8.cf Абонемент ($m)

Еще один набор примеров как решить частные задачи в СКД

1 стартмани

22.05.2018    37904    11    SITR-utyos    13    

Нечеткий поиск одним запросом Промо

Практика программирования v8 1cv8.cf Абонемент ($m)

Использование механизма полнотекстового поиска в 1С не всегда оправдано, т.к. построение индекса и поддержание его в актуальном состоянии может значительно нагружать систему. Предлагаемая реализация нечеткого поиска методом N-грамм выполняется одним запросом, что позволяет производить поиск в любой таблице и не требует предварительного построения индекса.

1 стартмани

28.12.2015    32561    73    vasvl123    9    

Печатная форма, сделанная как расширение конфигурации для БП 3.0. Новые возможности БСП

Практика программирования Универсальные печатные формы v8 БП3.0 Абонемент ($m)

Печатные формы на внешних обработках скоро канут в лету. На смену им приходят ПФ, реализованные в виде расширений конфигурации. Не нашел на сайте примеров таких расширений. Привожу пример подобного расширения для БП 3.0.

1 стартмани

06.12.2017    31251    56    kwazi    6    

Паузы при исполнении кода (Sleep для 1С)

Практика программирования v8 v8::УФ 1cv8.cf Абонемент ($m)

Решил проверить все найденные варианты паузы для 1С. В результате получилась обработка для тестирования и небольшая статья с итогом.

1 стартмани

28.11.2017    62359    17    swimdog    49    

Макет в СКД - пример всех возможных типовых вариантов

Практика программирования Инструментарий разработчика v8 v8::СКД 1cv8.cf Абонемент ($m)

Макет СКД: наглядное представление того, что, как и куда выводится при типовых настройках.

1 стартмани

09.11.2017    25839    80    freelancer    4    

1С: Предприятие + корпоративный чат, как наладить оперативные уведомления за 10 минут Промо

Практика программирования v8 Абонемент ($m)

Как сделать автоматические уведомления о разных событиях из 1С в корпоративный чат MyChat для сотрудников компании

1 стартмани

14.08.2016    52944    36    Demanoidos    60    

Telegram-боты

Практика программирования v8 Абонемент ($m)

Описание теории, разбор архитектуры и пример реализации telegram-ботов. Сразу скажу, со структурированием изложения мало что могу поделать. :) редакция от 18.07.2018 Правки последней редакции выделены жирным.

1 стартмани

01.09.2017    39801    144    PLAstic    68    

Умный дом на 1С + ардуино

Практика программирования v8 Абонемент ($m)

Конфигурация для автоматизации быта программиста 1C и не только. В данной статье будет рассказано, как можно использовать 1С для задач, не входящих в стандартные рамки этой платформы. Например, управление домом. В качестве периферии для подключения будет использован микроконтроллер (МК) Ардуино, но на нём не будет никакой логической нагрузки, весь процесс будет проходить на сервере 1С. Работа с пинами ввода/вывода происходит напрямую из 1С.

1 стартмани

07.08.2017    26550    21    sasha777666    64    

Расширения конфигураций 1С: учимся перехватывать методы

Практика программирования v8 v8::УФ 1cv8.cf Абонемент ($m)

В этой статье я на примерах разберу некоторые механизмы расширений конфигураций 1С. А именно «перехваты» методов модуля объекта и «перехваты» событий формы и элементов формы. Данная статья написана с учебными целями, чтобы показать, как при помощи расширений конфигурации можно делать такие доработки, ради которых раньше приходилось снимать конфигурацию с поддержки.

1 стартмани

30.05.2017    157812    13    signum2009    48    

Быстрое определение интервалов в запросе Промо

Практика программирования v8 Абонемент ($m)

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

1 стартмани

01.10.2015    58322    35    ildarovich    41    

Регулярные выражения – это просто. Построитель и отладчик регулярных выражений

Инструментарий разработчика Практика программирования v8 1cv8.cf Абонемент ($m)

Предлагается к использованию построитель регулярных выражений. Выполненный в виде внешней обработки, он позволит строить сложно-структурированные выражения на основе параметрического описания, тестировать их, и в результате получить программный код 1С.

1 стартмани

13.03.2017    36816    121    romasna    52    

Распознавание текста с помощью нейросетей Google Cloud Vision и 1С

Практика программирования v8 1cv8.cf Абонемент ($m)

Возможности Google Cloud Vision в распознавании текста.

1 стартмани

08.02.2017    36020    143    kiv1c    18    

Графическая схема. Управление при помощи XDTO.

Практика программирования v8 Абонемент ($m)

В статье описывается методика программного управления элементами графической схемы при помощи механизма XDTO. Приложена готовая к использованию библиотека функций для создания и удаления графических объектов, а также для связи элементов схемы соединительными линиями.

2 стартмани

16.01.2017    27542    121    Alxby    25    

Хранение файлов в томах на диске (для УПП 1.3) Промо

Практика программирования v8 УПП1 Абонемент ($m)

Доработка типовой УПП 1.3 в плане хранения присоединенных файлов вне базы данных

2 стартмани

05.06.2016    64948    11    wowik    32    

Простой редактор плана помещения JavaScript

Практика программирования Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

На ресурсе сейчас очень много решений, которые позволяют редактировать карты, используя географические схемы. Так же много решений, которые позволяют редактировать объекты онлайн веб-карт. Мне же нужно было простое решение, для того чтобы расставить квадратные объекты на плане, показать их пользователю. Ну и распечатать, опять же. Я решил написать простенький редактор на JavaScript с использованием библиотеки Raphael.

1 стартмани

23.11.2016    25306    103    igel9780    22    

Работа с двоичными данными на примере чтения файлов изображений. Новые возможности 8.3.9

Практика программирования WEB v8 1cv8.cf Россия Абонемент ($m)

В статье приводятся новые функции по работе с двоичными данными, появившимися в версии платформы 8.3.9 , на примере анализа формата и размера изображений. А также пример отправки изображения через API ВКонтакте с помощью новых объектов (без использования ОбъединитьФайлы())

1 стартмани

14.11.2016    32667    17    Anton64    23    

Загрузка файлов на сервер с прогрессом и докачкой

Практика программирования v8 1cv8.cf Россия Абонемент ($m)

Пример использования новых возможностей платформы 8.3.9 по низкоуровневой работе с двоичными данными для инкрементальной передачи файлов на сервер.

1 стартмани

04.10.2016    16120    57    mrstomak    21    

Несколько шаблонов для доработки типовых конфигураций

Практика программирования Инструментарий разработчика v8 v8::УФ Абонемент ($m)

Предлагаю несколько каркасов для создания новых объектов в типовых конфигурациях. Это выжимка из кода нескольких конфигураций, которая позволит быстро и красиво создавать и дорабатывать объекты метаданных с соблюдением идеологии исходной системы

1 стартмани

03.10.2016    40594    98    json    25    

HTTP-сервис: отчеты [Расширение]

Практика программирования Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

Это HTTP-сервис, который возвращает почти любой отчет в HTML, XLSX или в JSON. Сохраните вариант отчета, получите на него ссылку и можно получить данные без захода в 1С. Работает в конфигурациях на основе БСП 2.3.3+, для отчетов на СКД и в 1С 8.3.8+

2 стартмани

30.08.2016    31836    147    Stepa86    15    

Недокументированное использование стандартных форм Upd.

Практика программирования v8 v8::УФ 1cv8.cf Абонемент ($m)

Вам не хватает возможностей в платформе 1С или у Вас нет времени на углубленное изучение платформы 1С? Рассмотрены возможности использования стандартных форм, вызываемых из платформы.

1 стартмани

26.07.2016    32340    96    ZhokhovM    65    

БСП 2.3 и БСП 3.0: Просто про выполнение внешней обработки в фоне (c индикацией прогресса выполнения)

Инструментарий разработчика Практика программирования БСП (Библиотека стандартных подсистем) v8 1cv8.cf Абонемент ($m)

Простое пояснение о том, как сделать внешнюю обработку с фоновым выполнением и индикацией процесса для любой конфигурации на основе БСП 2.3.2. UPDATE 20/09/19: добавлен вариант обработки с индикацией процента выполнения и статусом выполнения для БСП 3.0.

1 стартмани

18.05.2016    71132    207    rozer    67    

Остатки на каждый день в запросе

Практика программирования Учет ТМЦ Учет ТМЦ v8 1cv8.cf УУ Абонемент ($m)

Запрос формирует остатки товаров на каждый день в пределах выбранного периода.

1 стартмани

26.04.2016    72356    20    arakelyan    25    

Еще один способ расчета остатков на каждый день в запросе

Математика и алгоритмы Практика программирования v8 Абонемент ($m)

Предлагается новый способ расчета остатков на каждый день (час, минуту, секунду) в запросе. Способ не требует предварительного формирования таблицы дат и также подходит для расчета курсов валют, цен номенклатуры и других периодических сведений на каждую дату периода. На больших объемах данных предлагаемый способ может превосходить по быстродействию ранее известные методы из-за линейной (в лучшем случае) зависимости трудоемкости от длины периода.

1 стартмани

24.04.2016    39107    53    ildarovich    23    

Вывод печатных форм с запросом данных в форму "Печать документов" из подсистемы БСП "Печать".

Практика программирования БСП (Библиотека стандартных подсистем) v8 1cv8.cf Абонемент ($m)

Все не раз видели, как в типовых конфигурациях, построенных на основе БСП (Библиотека стандартных подсистем), печатные формы, построенные на основе Табличного документа, выводятся в специальную форму "ПечатьДокументов". Эта форма входит в состав подсистемы "Печать" из БСП. При разработке своих печатных форм, иногда необходимо запросить у пользователя дополнительные данные необходимые для печати. Тут встает вопрос, как в этом случае вывести печатную форму в форму "Печать документа". В этой статье я рассмотрю, как реализовать вывод печатной формы в упомянутую форму из подсистемы "Печать", в случае если мы хотим перед выводом печатной формы запросить у пользователя дополнительные данные. Здесь будут рассмотрены два случая: когда реализуется печатная форма с использованием подсистемы "Дополнительные отчеты и обработки" и когда печатная форма добавляется в конфигурацию в режиме конфигуратора, т.е. вносятся изменения в типовую конфигурацию.

1 стартмани

29.03.2016    107398    204    lopatin    15    

Yandex карты, определение координат по адресу. API 2.1 HTML 5 Управляемые формы (старый подход) яндекс

WEB v8 1cv8.cf Абонемент ($m)

В данной обработке я попробовал продемонстрировать свой подход к управлению объектом поле HTML документа, описанный в статье.

1 стартмани

27.03.2016    18773    185    igo1    6    

Количество дней недели (понедельников/вторников/...) в заданном диапазоне одним запросом

Практика программирования v8 Абонемент ($m)

При реализации периодического авто-заполнения маршрутных листов по графику (недельному) необходимо было просчитать стоимость всего периода, с условием выездов только по определенным дням. Заморачиваться с обходом результата не хотелось. Пришлось написать "Небольшой" запрос.

1 стартмани

03.03.2016    21582    1    Alexander.Shvets    5    

Простые радости жизни программиста 1С: выбор типа значения

Работа с интерфейсом Практика программирования v8 1cv8.cf Абонемент ($m)

Предлагаемая в работе обработка включает обычную и управляемую формы, которые максимально точно реализуют функциональность системного диалога выбора типа в толстом клиенте обычное приложение (включая оформление диалога). Эти формы имеют дополнительные интерфейсные удобства и могут быть использованы в качестве альтернативных диалогов выбора типа.

1 стартмани

17.02.2016    56764    56    yuraos    18