Screenshot for mass formation of parameters for GET request
22 USD Over each column there is a triangle, with a click on which a special form opens.HTTPS://i.postimg.cc/mr0RVrw2/1.jpg
This form serves to introduce value.After we enter the value and press Apply filter to the current link, the ghetto request parameter is added.The name of the parameter serves as the identity of the triangle we clicked on.
HTTPS://i.postimg.cc/d3mDCCGy/2.jpg
As the value of the parameter will be the one you enter in the field that opens when you click on the triangle.We clicked on the triangle with id home and so the name of the parameter will be the same, i.e. home.Let us in the field (which opened after clicking on the triangle with id home) entered the value Namos and clicked on the Apply filter button.
So the parameter home=Namsos is formed and added to the current link and the received link is opened.HTTPS://currenturl.com/demo.html&home=Namsos
If we then click on a triangle called Away and enter the value for the example of Tangmoen then a second parameter will be formed where the name will be the id of the triangle, i.e. away and its value Tangmoen and the parameter will be away=Tangmoen.This parameter is also added to the current link and the received link is opened https://currenturl.com/demo.html&home=Namsos&away=Tangmoen
And so on for the others.There are different forms.
Standard with input https://i.postimg.cc/mr0RVrw2/1.jpg
With a sample (select) https://i.postimg.cc/QxP82GJt/3.jpg
With checkboxes https://i.postimg.cc/pdvHv2h2/4.jpg
The logic of work is the same for everyone.The difference is only that any value can be entered into the input and in others only ready.Now let’s go to how to exclude these parameters from the current link.
Once we enter the value and apply it, the background color of the cell with a triangle becomes red.This visually tells us that in the link there is a parameter with a cell ID in which the background color is red.By clicking we see what value you enter is displayed in the input.To cancel this operation we click on Delete filter.
HTTPS://i.postimg.cc/02mtG7jN/5.jpg
After that, the script excludes from the current link the parameter whose name is the same as the cell id where the triangle stands and where we clicked on Delete filter from the current link and opens the received link.The parameter is away=Tangmoen
These parameters can be excluded in manual mode separately by clicking Delete filter wherever we entered the value or you can in one click remove all the parameters using the button.
Reset all filters https://i.postimg.cc/v8KjtQv0/6.jpg
All of the above is described by the logic of the script.Now to the task.
The task is to form the mass parameters that will be added to the current link and then open.What does it mean mass.The logic above is described as the parameters are added to the link.As described, this process takes place in a row.That is, first we click on a specific triangle, enter the value in which after it opens and press Apply filter and then the new received link with this parameter opens.Once the new link is open by clicking on the other triangle, we enter the value and press the Apply filter and wait until the new link is opened.And so the process continues in a row.It takes a certain time to do so.Because after every time we enter the value you need to wait for the page to be downloaded.The task is to form all of these parameters, add them to the current link and open the received link at once.Now the question is where to enter where to store all these values so that the script can take all these values and form a new link with parameters and open it.
Let’s look at this video.
HTTPS://drive.google.com/file/d/1EtsCR3nePlFKayjglpREJHNjRfhzykIE/view?usp=drive_link
As we can see if you enter a value but do not press Apply filter then these values are stored in the forms where we entered them.They are stored in the DOM tree of the page until the session is active.If they reboot, they disappear.So the script can take value from forms and using their ID to form parameters, add them to the current link and open this link.Let us click on the triangle under Away and enter Tangmoen there.Do not click on the Apply Filer.After we click on the triangle under Home and enter there Namsos here we also do not click on Apply filer
Therefore, we have two forms to which we put meaning but did not apply.Now they are stored in the DOM tree page.
You need to make a separate button as Reset all filters.Apply all filters
By clicking Apply all filters, the script passes all forms, receives a list of all forms where the value is not empty, forms the parameters (the name is id and the value is what we entered in the form) , adds them to the current link and opens the received link.Thus, we formed more than one parameter at a time and saved a lot of time.If we look at the class names of all the triangles, we will see that they are the same.
HTTPS://i.postimg.cc/FHbSg5qY/7.jpg
The script must support parsing of all forms (input, checkbox, selected)
The most important thing is that he should not conflict with other scripts that are already present in the code.attached archive where the HTML file with script
Applications 1
Client's review of cooperation with Oleh Patrushev
Screenshot for mass formation of parameters for GET requestA great executive. I did everything quality and quickly.
Freelancer's review of cooperation with Ivan Pachenko
Screenshot for mass formation of parameters for GET requestA great customer. I recommend it.
-
Winning proposal3 days22 USD
612 21 0 Winning proposal3 days22 USD
Hello to you! I can do your task. I can start now.
-
1 day71 USD
1358 76 6 3 1 day71 USD
Very well described TZ, everything is clear, I will do it pretty quickly and quality.
-
2 days45 USD
3698 111 3 5 2 days45 USD
Good Morning Ivan
Implement the necessary functionality according to TZ.
With respect, Yuri
-
2 days56 USD
436 11 2 2 2 days56 USD
Good day .
Please consider the possibility of cooperation.
With respect, Arthur
-
1 day67 USD
520 13 0 1 day67 USD
Good day . I can implement this script on NodeJS. I will be happy to cooperate
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 13 hours 39 minutes back ∙ 68 proposals |
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 ∙ 1 day 10 hours back ∙ 27 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 ∙ 3 days 12 hours back ∙ 63 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 ∙ 4 days 13 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 ∙ 6 days 3 hours back ∙ 36 proposals |
Azerbaijan