Как реализовать необходимую последовательность функций

Сообщение **igporoshin** » 17 дек 2016, 20:49

Здравствуйте.

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

1. При нажатии на кнопку появляется полоса прогресса;
2. После того как прогресс достигает 100% появляется форма с 2-мя полями и кнопкой отправки;
3. После нажатия на кнопку отправки происходит редирект на другую страницу сайта.

Спасибо!

Сообщение **Abdulla3d** » 17 дек 2016, 21:58

есть такое расширение по полосе загрузки. правда не знаю как работает. есть несколько типов оформления.
скрин ниже

Сообщение **Gudwinn** » 18 дек 2016, 00:32

Здравствуйте, нужно нечто такое, если я правильно Вас понял? http://progres.offershop.ru (нажмите на кнопку на странице)

Сообщение **igporoshin** » 18 дек 2016, 02:14

Gudwinn, здравствуйте.

Да, именно то что нужно.

Не подскажете, как сделали?

Сообщение **igporoshin** » 18 дек 2016, 22:06

Я нашел способ реализации, но в чем то ошибка - форма сама по себе выскакивает через 4000 м. сек..

Последовательность:

1. При нажатии на кнопку активируется гиф картинка-загрузка (Image1)
2. На Image1 настроена анимация
3. С началом анимации включается таймер.
4. После 4000 м. сек. по идее должна появляться форма Form2 и скрываться Image1, но форма появляется в любом случае, даже если ничего не делать.

В чем ошибка?

1.zip

Сообщение **Gudwinn** » 18 дек 2016, 22:45

igporoshin писал(а):Источник цитаты В чем ошибка?

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

tipaprogressbar.zip

Сообщение **igporoshin** » 18 дек 2016, 23:47

Документ открыть не удается. Видимо буду учиться работать с событиями.

Сообщение **Gudwinn** » 18 дек 2016, 23:54

ща скину без расширения

Отправлено спустя 4 минуты 50 секунд:
вот вообщем только полоска расширяющаяся(без чисел)

версия2.zip

Сообщение **igporoshin** » 19 дек 2016, 00:04

Спасибо. Сейчас буду разбираться.

Сообщение **igporoshin** » 20 дек 2016, 14:56

Кстати, во время изучение вашего файла обнаружил странную вещь: если я добавляю любую картинку, то форма отправки заявки становится как будто за полупрозрачным серым слоем и неактивна, а прогресс бар в свою очередь как и был остается, на переднем плане. Почему такое может быть?

Сообщение **Gudwinn** » 20 дек 2016, 16:19

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