Processing web forms and saving data
There is a script in PHP and JavaScript (source code) that, when filling out the text fields of a web form, sends data to Telegram, screencast of the work: https://dropmefiles.com/fFux2
Based on this source code, several pages need to be created, and new functions added. All you need to provide is the code; there is no need to integrate it into any website or design. It should work according to the following algorithm:
1). The visitor on the first page "A" fills out the text fields of the form and clicks "Submit".
2). Page "B" opens with a form containing 3 fields and 1 "Browse..." (file upload for images), fills it out, selects file(s), and clicks "Submit".
3). Page "C" opens with 2 "Browse...", selects files, and clicks "Submit".
4). Page "D" opens with 1 "Browse...", selects file(s), and clicks "Submit".
5). Page "E" opens with a form containing 1 field, fills it out, and clicks "Submit".
6). The final page "F" opens with the text "Application accepted, please wait for a call!".
#Forms#:
The "Submit" button should be inactive (grey) until all required fields in the displayed form are filled or all required files are uploaded 100%.
The fields and file selection buttons "Browse..." can be mandatory or optional to fill out.
While images are being uploaded, an animated loading bar from 0% to 100% should be displayed next to each "Browse..." button. The bar should be hidden until files are selected.
When using "Browse...", there should be the ability to select and upload more than 1 file at the same time (currently only one). Images should not be renamed; if there are [^A-Za-z1-9] in the names, they can be replaced. The upload should only check for images (jpg, jpeg, png, gif) to ensure no shells are uploaded 🙂
All fields and "Browse..." buttons should send data as they are filled (or files selected) automatically, regardless of whether "Submit" is pressed. This is how it currently works. Pressing "Submit" should only redirect to the next page under the conditions described above.
#Admin Panel#
A simple web admin panel should be created where, by specifying the user ID, you can see:
1. Logging of all actions, what page they filled out, which files they uploaded with links to them, when, IP, and user agent, my actions with them.
2. Clicking on the text field should copy its content to the clipboard.
3. My actions: knowing that the user is currently on one of the pages, I should have the ability:
3.1. To redirect to any URL I specify.
3.2. To show a popup in the center with a slight darkening of the background that cannot be closed, displaying any HTML code to the user not previously embedded in the script, arbitrary text fields, and "Browse..." buttons at my discretion, with the same logic of their operation as on the pages. Additionally, the ability to show an image in the popup by selecting it from my computer.
The selection should be performed in p3.1. and p3.2. right now, or after the user clicks "Submit" on the page they are currently on (there is no need to do this via websocket, ping the admin panel every 1.5-2.5 seconds).
4. If Telegram is unavailable for any reason - only in the admin panel should we save it so that nothing is lost at all.
#Data#
The data entered by one user should be saved in one message in Telegram. The current form has a glitch: if the page is refreshed or the form is submitted and the user starts filling it out again, a new message is created in Telegram. It should all be in one - one unique user = 1 message in the admin panel and in Telegram, increasing as the fields in all forms are filled out.
The data from the fields in both the admin panel and Telegram should show ALL values that the user entered - please carefully watch the video I attached at the beginning (or I can send this script) - it should be exactly as described, in a column, data should be added for each field, if they start filling it out again, deleting the entered text entirely or partially, or if they find themselves on this page again and continue filling it out.
Please write to me in private messages if you have any questions, payment in USDT.
-
7 days100 USD
287 7 days100 USDHello, how are you? I have many years of experience in this field. I can start your work right now. Please send me the necessary files. I am happy to collaborate with you.
-
2 days90 USD
272 3 0 2 days90 USDHello, I recently participated in a project for developing a custom admin panel, including multiple image uploads, stack - php/js. I am ready to help, and I have some materials left.
-
7 days280 USD
1299 44 5 1 7 days280 USDGood afternoon. I am ready to complete the task. Please write in private messages.
-
2 days80 USD
1149 11 1 2 days80 USDHello, I will complete the task.
10 years of experience, reviews, and examples in private messages
examples
https://vispring.com
https://islassecas.com
https://glassboxmedia.com
-
Не мучайтесь и перенесите всё на фреймворк. Админка на чистом PHP это что-то из области фантастических глупостей 2001 года.
-
Current freelance projects in the category Javascript and Typescript
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 9 hours 41 minutes back ∙ 18 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 2 days 11 hours back ∙ 59 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 3 days 12 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 5 days 3 hours back ∙ 35 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5731 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 10 days 9 hours back ∙ 119 proposals |