Обробка веб-форм та збереження даних
Є скрипт на php та javascript (джерело), який при заповненні текстових полів веб-форми надсилає дані в telegram, скрінкаст роботи: https://dropmefiles.com/fFux2
Потрібно на основі цього джерела зробити кілька сторінок, додати нові функції. Від вас лише код, вбудовувати ні в який сайт і дизайн нічого не треба. Працювати має за таким алгоритмом:
1). Відвідувач на першій сторінці "A" заповнює текстові поля форми, натискає "Submit".
2). Відкривається сторінка "B" з формою на 3 поля та 1 "Browse..." (завантаження файлу картинки), заповнює, вибирає файл(и) і натискає "Submit".
3). Відкривається сторінка "C" з 2 "Browse...", вибирає файли і натискає "Submit".
4). Відкривається сторінка "D" з 1 "Browse...", вибирає файл(и) і натискає "Submit".
5). Відкривається сторінка "E" з формою на 1 поле, заповнює її і натискає "Submit".
6). Відкривається фінальна сторінка "F" з текстом "Заявка прийнята, очікуйте дзвінка!".
#Форми#:
Кнопка "Submit" повинна бути неактивною (сірого кольору), поки не заповнені всі обов'язкові поля в відображеній формі або не завантажені обов'язкові файли на 100%.
Поля та кнопки вибору файлів "Browse..." можуть бути обов'язковими та необов'язковими для заповнення.
Поки завантажуються картинки, поруч з кожною кнопкою "Browse..." показувати анімовану шкалу завантаження від 0% до 100%. Поки файли не вибрані, шкалу приховувати.
При "Browse..." повинна бути можливість вибору та завантаження більше 1 файлу одночасно (зараз лише один). Картинки не перейменовувати, якщо ж у назвах є [^A-Za-z1-9] - їх можна замінювати. Перевірка завантаження лише картинок (jpg,jpeg,png,gif), щоб ніякі шелли не заливали 🙂
Всі поля та кнопки "Browse..." повинні надсилати дані по мірі заповнення (або вибору файлів) одразу автоматично, незалежно від натискання "Submit". Так зараз і працює. Натискання на "Submit" повинно лише перенаправляти на наступну сторінку за вищеописаними умовами.
#Адмінка#
Повинна бути зроблена простенька веб-адмінка, де вказавши id користувача, видно:
1. Логування всіх дій, що на якій сторінці він заповнював, які файли завантажував зі посиланнями на них, коли, ip та useragent, мої дії з ним.
2. Клікнувши по тексту поля, його вміст має копіюватися в буфер обміну.
3. Мої дії: знаючи, що користувач в даний момент знаходиться на одній з сторінок, у мене має бути можливість:
3.1. Зробити редирект на будь-який url, який вкажу.
3.2. Показати попап по центру з легким затемненням фону, який не можна закрити, з показом користувачу будь-якого html коду заздалегідь не вшитим у скрипт, довільними текстовими полями та кнопками "Browse..." на мій розсуд, з тією ж логікою їх роботи як на сторінках. Можливість додатково показати в попапі картинку, вибравши її на моєму комп'ютері.
Вибір виконувати п3.1. і п3.2. прямо зараз, або після натискання користувачем "Submit" на сторінці, де він в даний момент знаходиться (робити через websocket не треба, пінгуємо адмінку кожні 1.5-2.5 сек).
4. Якщо раптом ТГ недоступний з будь-якої причини - лише в адмінці зберігаємо, щоб нічого не втрачалося взагалі.
#Дані#
Вводимі дані одним користувачем повинні зберігатися в одне повідомлення в ТГ. У поточної форми є глюк: якщо оновити сторінку або надіслати форму і повторно почати заповнювати, формується нове повідомлення в тг. А повинно бути все в одному - один унікальний користувач = 1 повідомлення в адмінці та в ТГ, що збільшується по мірі заповнення полів у всіх формах.
Дані з полів і в адмінці, і в ТГ повинні показувати ВСІ значення, які вводив користувач - уважно подивіться відео, яке я приклав на початку (або скрипт можу скинути цей) - саме так і ніяк інакше, в стовпчик, повинні додаватися дані по кожному полю, якщо почне заново заповнювати, видаляти введений текст цілком або частково, або повторно опиниться на цій сторінці і продовжить заповнювати.
Пишіть в ЛС, якщо є питання, оплата USDT.
-
7 днів4491 UAH
287 7 днів4491 UAHпривіт, як справи? У мене багаторічний досвід роботи в цій сфері. Я можу почати твою роботу прямо зараз. надішліть мені необхідні файли. Я радий співпрацювати з вами.
-
2 дні4042 UAH
272 3 0 2 дні4042 UAHПривіт, нещодавно брав участь у проекті з розробки кастомної адмін-панелі, в тому числі з множинним завантаженням зображень, стек - php/js. Готовий допомогти, та й напрацювання залишились.
-
7 днів12 576 UAH
1299 44 5 1 7 днів12 576 UAHДоброго дня. Готовий виконати завдання. Пишіть в особисті повідомлення.
-
2 дні3593 UAH
1149 11 1 2 дні3593 UAHпривіт, виконаю завдання.
10 років досвіду, відгуки та приклади в особистих повідомленнях
приклади
https://vispring.com
https://islassecas.com
https://glassboxmedia.com
-
Не мучайтесь и перенесите всё на фреймворк. Админка на чистом PHP это что-то из области фантастических глупостей 2001 года.
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 14 годин 25 хвилин тому ∙ 18 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 2 дні 16 годин тому ∙ 59 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 17 годин тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 8 годин тому ∙ 35 ставок |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
257 282 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 10 днів 14 годин тому ∙ 119 ставок |