Размещение номенклатуры на схеме (HTML+JS)

21.05.13

Разработка - Работа с интерфейсом

Размещение номенклатуры на рисунке в поле HTML с использованием JS.

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

Наименование Файл Версия Размер
HTML+JS.dt
.dt 56,51Kb
130
.dt 56,51Kb 130 Скачать

Стояла задача на плане этажей графически показать размещение сетевого оборудования. "И срочно!" Так как средствами 1С "рисовать" проблематично, было принято решение использовать поле HTML документа и JS скрипты. Возможно боян. До универсальности далековато. Где-то будут нелепости. Но результат достигнут! За критику буду благодарен, ибо, одна голова хорошо, а..)))

  1. Загружаем в графическом формате в базу план или схему кабинета, этажа, территории, красивую девушку и .т.д.
  2. Запускаем обработку "Номенклатура на схеме" и выбираем нужную нам схему, нажимаем "Сформировать".
  3. Добавляем номенклатуру в список (при этом в левом верхнем углу в поле HTML она же появится в виде жёлтого квадратика).
  4. Растаскиваем мышкой "Квадратики" по схеме в соответствии с размещением в реальности.
  5. Сохраняем результат (координаты "Квадратиков" хранятся в Регистре сведений "HTML").

Небольшие удобства:

  • - При нажатии на "Квадратик" в списке номенклатуры активизируется элемент, соответствующий "Квадратику".
    - При нажатии на кнопку "Показать на схеме" в списке номенклатуры, нужный элемент на схеме на некоторое время окрашивается в красный цвет.
  • - При наведении на "Квадратик" отображается всплывающая подсказка с наименованием и кодом номенклатуры.

В обработке была использована информация с ресурса http://javascript.ru/ui/draganddrop, за что огромное спасибо автору!

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61789    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

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

5000 руб.

14.01.2016    54392    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    16693    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10729    750    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

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

2 стартмани

10.04.2023    9600    151    acces969    31    

118

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3662    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12075    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. serega3333 22.05.13 12:55 Сейчас в теме
а на толстом клиенте с обычным интерфейсом покатит джава скрипт?
2. MCitrus 76 22.05.13 13:24 Сейчас в теме
Скрипты должны и там работать. Единственно нужно будет переделать управляемую форму на обычную.
3. Virikus 61 22.05.13 14:31 Сейчас в теме
А смена цвета возможна от реквизита в реальном времени?
например кабинет - переговорная, занят (истина-красный, ложь-зеленый) и когда занят меняется другим пользователем, чтобы на форме цвет менялся у текущего пользователя?
4. MCitrus 76 22.05.13 14:44 Сейчас в теме
(3) Virikus, Как вариант ПодключитьОбработчикОжидания с необходимым интервалом. Подключаемая процедура будет заново формировать поле HTML. А в нём, в зависимости от реквизита, можно присваивать BACKGROUND-COLOR элементу нужный цвет.
5. vandalsvq 1537 22.05.13 17:35 Сейчас в теме
А не искал пути как таки на само поле HTML перетаскивать? Понимаю события у 1С нет такого, и когда они сделают неизвестно. Но может каким другим способом. Хотя кажется наверное его нет.
7. MCitrus 76 23.05.13 11:58 Сейчас в теме
(5) vandalsvq, была у меня и такая идея)) Но:
Операции перетаскивания поддерживают следующие элементы управления:
* табличное поле;
* поле табличного документа;
* поле календаря;
* поле картинки.

Поля HTML документа в этом списке нет.
Возможно кто-то и реализовал подобное, но я не встречал.
6. vandalsvq 1537 22.05.13 17:36 Сейчас в теме
8. Yashazz 4709 23.05.13 12:44 Сейчас в теме
Да, да, да. ))) Когда я баловался с html-полем, думалось даже о чём-то вроде PageMaker'a или ишшо какого хтмл-мастера... Полезная штука, уже хотя бы в плане изучения примеров работы.
9. KroVladS 34 24.05.13 09:09 Сейчас в теме
(0)
очень интересное решение надо будет по экспериментировать.
10. ssn1978 70 24.05.13 10:27 Сейчас в теме
Хорошо, очень хорошо!!! Понравилась реализация, автор молодец!
11. Artemuch2 25.05.13 18:57 Сейчас в теме
Добрый день коллеги! А наоборот если когда с браузера данные в 1С попадут. то есть хотелось бы что бы схема была полностью интерактивной.
kataloff; +1 Ответить
12. MCitrus 76 28.05.13 17:00 Сейчас в теме
(11) Artemuch2, не совсем понятно, что Вы хотите сказать.
13. pavel_pss 289 18.06.13 10:13 Сейчас в теме
Интересное решение. Спасибо.
14. bas_nsk 08.02.17 08:57 Сейчас в теме
Хорошая вещица. Вот бы еще реализовать в ней прорисовку многоугольников по заданным координатам вершин.
15. webresurs 205 19.07.17 09:56 Сейчас в теме
(14) В продолжении еще:

-(14)- добавить возможность рисовать объекты на карте, а не только кружечек в квадрате (Простой редактор плана помещения JavaScript)

- добавить вывод остатков этих номенклатур по складу

и получится палинограмма

ждем, ждем ;-)
Светлый ум; +1 Ответить
Оставьте свое сообщение