Анимация фона элементов на форме в стиле JQuery

16.07.15

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

К сожалению, у платформы 1С не так много красивостей, которыми обычно сдабривают формы обычных web-страниц. Нам недоступны эффекты JQuery и других javascript-библиотек.
А иногда хочется сделать необычно, красиво и удобно.

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

Наименование Файл Версия Размер
АнимацияФонаЭлементов
.zip 8,90Kb
28
.zip 8,90Kb 28 Скачать

Вот, например, как привлечь внимание пользователя к полю, которое изменилось в результате правки пользователем другого элемента?
Можно штатно выкинуть сообщение и привязать к полю, но лично у меня это вызывает негативную эмоцию вида "Что там еще за ошибка?".
А можно ненавязчиво подсветить фоном, который "вспыхнет и погаснет". Мол, глянь-ка сюда.
Собственно, далее реализация через ОбработчикОповещения.

&НаКлиенте
Перем ИмяПоля;


// фон поля меняется от желтого к безцветному
// запуск анимации СменаЦветаФона("Итого",Истина);
// ИмяЭлемента - строка с названием анимируемого элемента
// Старт - булево. Истина - начинаем анимацию, Ложь - продолжаем анимацию
&НаКлиенте
Процедура СменаЦветаФона(ИмяЭлемента,Старт=Ложь,ВызвавшаяФункция="АнимацияПоля")
	ИмяПоля = ИмяЭлемента;
	Элемент = Элементы.Найти(ИмяПоля);
	Скорость = 3; // 1-5
	Если Старт = Ложь Тогда
		Синий = Элемент.ЦветФона.Синий;
		Синий = Синий+255/(7-Скорость);
	Иначе
		Синий = 0;
	КонецЕсли;
	
	Если Синий >= 255 Тогда
		Элемент.ЦветФона = Новый Цвет();
		Возврат;
	КонецЕсли;
	Цвет = Новый Цвет(255, 255, Синий);
	Элемент.ЦветФона = Цвет;
	ПодключитьОбработчикОжидания(ВызвавшаяФункция, 0.1, Истина);	

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

// вызывается из обработчика ожидания
&НаКлиенте
Процедура  АнимацияПоля()
	СменаЦветаФона(ИмяПоля,Ложь);
КонецПроцедуры

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

Анимация фона анимация элементов формы Jquery 1C

См. также

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

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

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

6000 руб.

16.01.2015    61792    43    59    

80

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

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

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

5000 руб.

14.01.2016    54394    16    21    

42

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

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

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

2400 руб.

29.06.2020    16695    21    4    

35

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

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

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

27.12.2023    10732    750    elcoan    45    

106

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

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

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

2 стартмани

10.04.2023    9606    151    acces969    31    

118

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

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

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

1 стартмани

05.07.2022    3663    kalyaka    2    

27

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

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

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

3600 руб.

29.04.2022    12077    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. dj_serega 390 18.02.15 10:38 Сейчас в теме
Прикольная штука. Попробуем реализовать у себя такую ерунду.
2. friend0 18.02.15 17:19 Сейчас в теме
Забавная штука. Плюс за идею.

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

Ну и для поля таблицы чтобы работало.

Но это все легко допилить руками кому надо будет. Главное идея.

П.С. Не переделывая логику, поигрался со значениями, чтоб не так глаза резало. Вдруг кому пригодится:
	Если Старт = Ложь Тогда
		Синий = Элемент.ЦветФонаПоля.Синий;
		Синий = Синий+20;
	Иначе
		Синий = 200;
	КонецЕсли;
	
	Если Синий >= 240 Тогда
Показать
4. kraynev-navi 647 18.02.15 19:57 Сейчас в теме
(2) Тут да... Можно подключить фантазию и наворотить чего хочешь. Я делал разные цвета, настраивал скорость и т.д.
(3) Если речь про несколько полей при одном событии, то глюков нет. А вот если кликнул на первое поле, через долю секунды на второе, то да - глюканет: первое останется цветным.
3. vasyak319 150 18.02.15 18:18 Сейчас в теме
Должно феерично глючить при подсветке больше, чем одного поля.
5. jobkostya1c_ERP 100 19.02.15 07:22 Сейчас в теме
Когда что-то красиво оформляют только плюс за юзабилити. Обычно, такое редко.
6. bashinsky 133 19.02.15 16:54 Сейчас в теме
Если речь про несколько полей при одном событии, то глюков нет. А вот если кликнул на первое поле, через долю секунды на второе, то да - глюканет: первое останется цветным.
На обычной форме, 10 полей работает без глюков. Но для этого, для подсветки каждого поля нужно писать свою вызывающую функцию.
Процедура  АнимацияПоля1()
	СменаЦветаФона("Поле1",Ложь);
КонецПроцедуры
Процедура  АнимацияПоля2()
	СменаЦветаФона("Поле2",Ложь);
КонецПроцедуры
Процедура  АнимацияПоля3()
	СменаЦветаФона("Поле3",Ложь);
КонецПроцедуры
Показать
kraynev-navi; +1 Ответить
7. kraynev-navi 647 19.02.15 17:13 Сейчас в теме
(6) Да, именно так будет работать. Но больно громоздкий способ, который мне кажется из-за этого неправильным подходом. Более оригинального не нашел.
Кстати, раз уж пошло техническое совершенствование.
Я все никак не мог придумать как избавиться от переменной ИмяПоля. Глаз режет, неудобно, хочется минимализма. Может кто-то придумает интереснее решение?
8. ixilimuse 191 25.02.15 12:56 Сейчас в теме
Да, тоже так делал в одной обработке, в случае когда пользователи забывали заполнить одно важное поле. Пользователям понравилось) Да и звонков с вопросами стало меньше, так как сообщение информировало о том что они забыли, мигание цветом показывало - где =)

Кстати, в своей реализации не заморачивался с плавным переходом цветов, за красоту - респект))
9. Lok`Tar 88 07.09.17 08:20 Сейчас в теме
Крутяк:) Обязательно попробую у себя
Оставьте свое сообщение