Project translated automatically. Log in or register, to view the original A HTML page is similar to an Excel table.The page has columns and lines.The data comes from the BD (we don't care about it) 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