1С-бітрікс розробникам - оновлення капчі без перезавантаження сторінки

Можливо ця тема десь була, але на форумі не знайшов, тому вирішив написати тут у себе, щоб підлягало.

Клієнти хочуть бачити капчу, яку можна б було оновити динамічно, без перезавантаження сторінки. Завдання дуже проста, досить часто зустрічається, але я не бачив її рішення в стандартних компонентах Бітрікс або десь на форумі.







У конкретному прикладі я розповім, як я кастомизировать компонент iblock.element.add.form, але думаю нікому не складе труднощів застосувати це рішення і до інших компонентів.







Першим кроком ми копіюємо шаблон в свій простір імен як завжди, потім редагуємо місце, де виводиться капча таким чином:

в стилях потрібно прописати

розміри whiteBlock такі ж як у капчи. Сенс в тому, щоб whiteBlock був повністю поверх картинки з капчі, а всередині цього білого блоку відцентрувати перебувала картинка, що показує процес подгрузки даних. Отримати таку картинку можна тут.

моя капча виглядала так:

а під час підвантаження нової капчі - так:

У файлі шаблону з формою додати:

8-800-250-1860 Контакти Карта сайту
Дизайн сайту -





Схожі статті