Skrypt do masowego tworzenia parametrów do zapytania GET
Nad każdym kolumnem znajduje się trójkąt, przy kliknięciu na który otwiera się specjalna forma.HTTPS://i.postimg.cc/mr0RVrw2/1.jpg
Ta forma służy do wprowadzenia znaczenia.Po wprowadzeniu wartości i naciśnięciu Apply filter do bieżącego linku dodaje się parametry do zapytania.Jako nazwa parametrów służy identyfikator trójkąta, na który klikaliśmy
HTTPS://i.postimg.cc/d3mDCCGy/2.jpg
Jako wartość parametrów będzie to, co wprowadzasz w polu, który otwiera się, gdy klikniesz na trójkąt.Klikaliśmy na trójkąt z id home, więc nazwa parametru będzie taka sama, czyli home.W polu (które otworzyło się po kliknięciu na trójkąta z id home) wprowadziliśmy wartość Namos i naciśnięliśmy przycisk Apply filter
Tak więc tworzy się parametr home=Namsos i doda się do bieżącego linku i otwiera się otrzymany link.HTTPS://currenturl.com/demo.html&home=Namsos
Jeśli następnie klikniemy na trójkąta o nazwie Away i wprowadzimy wartość dla przykładu Tangmoen, tworzy się kolejny parametr, w którym nazwa będzie id trójkąta, czyli away a jego wartość Tangmoen i uzyskuje się taki parametr away=Tangmoen.Ten parametr jest również dodany do bieżącego linku i otwiera się otrzymany link https://currenturl.com/demo.html&home=Namsos&away=Tangmoen
I tak dalej dla innych.Istnieją różne formy
Zazwyczaj z wpisem https://i.postimg.cc/mr0RVrw2/1.jpg
Z próbką (select) https://i.postimg.cc/QxP82GJt/3.jpg
Z pudełkami https://i.postimg.cc/pdvHv2h2/4.jpg
Logika pracy jest dla wszystkich taka sama.Różnica polega tylko na tym, że w input można wprowadzić dowolną wartość, a w innych tylko gotowe.Teraz przejdźmy do tego, jak wykluczyć te parametry z obecnego linku
Po wprowadzeniu wartości i zastosowaniu jej, kolor tła komórki z trójkąta staje się czerwony.To wizualnie mówi nam, że w odniesieniu istnieje parametr z identyfikatorem komórki, w którym kolor tła jest czerwony.Podczas kliknięcia widzimy, co wartość, którą wprowadziłeś, jest wyświetlana w wpisie.Aby usunąć tę operację, naciśnij Delete filter.
HTTPS://i.postimg.cc/02mtG7jN/5.jpg
Następnie skrypt wyklucza z bieżącego linku parametr, którego nazwa jest taka sama jak identyfikator komórki, gdzie znajduje się trójkąt i gdzie klikniemy na Delete filter z bieżącego linku i otwiera otrzymany link.W odniesieniu do odniesienia jest wykluczony parametr away=Tangmoen
Te parametry można wykluczyć w trybie ręcznym oddzielnie naciśnięcie filtry wszędzie tam, gdzie wprowadziliśmy wartość lub można za jednym kliknięciem usunąć wszystkie parametry za pomocą przycisku
Reset all filters https://i.postimg.cc/v8KjtQv0/6.jpg
Wszystko powyżej opisano logikę pracy skryptów.Teraz do istoty zadania
Zadaniem jest tworzenie parametrów masowych, które zostaną dodane do bieżącego linku, a następnie otwarte.Co to znaczy masowo.Powyżej opisano logikę dodania parametrów do odniesienia.Jak opisano, proces ten odbywa się w kolejności.Oznacza to, że najpierw klikamy na określony trójkąt, wprowadzamy wartość, po której otwiera się i naciśniamy Apply filter, a następnie otwiera się nowy otrzymany link z tym parametrem.Po otwarciu nowego linku klikając na inny trójkąt, wprowadzając wartość i naciśnij Apply filter i czekając, aż nowy otrzymany link się otworzy.I tak dalej proces jest kontynuowany w kolejce.Na to zajmuje pewien czas.Ponieważ za każdym razem, gdy wprowadzamy wartość trzeba poczekać na pobieranie strony.Zadaniem jest tworzenie wszystkich tych parametrów, dodanie ich do bieżącego linku i otwarcie otrzymanej linku na raz.Teraz pytanie, gdzie wprowadzić, gdzie przechowywać wszystkie te wartości, aby skrypt mógł wziąć wszystkie te wartości i utworzyć nowy link z parametrami i otworzyć go
Przyjrzyjmy się temu wideo
https://drive.google.com/file/d/1EtsCR3nePlFKayjglpREJHNjRfhzykIE/view?usp=drive_link
Jak widać, jeśli wprowadza wartość, ale nie naciśnij Apply filter, te wartości są przechowywane w formach, w których wprowadziliśmy je.Strony są przechowywane w drzewie DOM, dopóki sesja jest aktywna.Jeśli się ponownie uruchamią, znikają.Tak więc, skrypt może wziąć wartość z formularzy i za pomocą ich identyfikatorów tworzyć parametry , dodać je do bieżącego linku i otworzyć ten link.Klikamy na trójkąta pod Away i wprowadzimy Tangmoen.Nie kliknij Apply Filer.Po kliknięciu na trójkąt pod Home i wprowadzaniu tam Namsos tutaj również nie klikamy na Apply filer
Mamy więc dwie formy, do których wprowadziliśmy znaczenie, ale nie zastosowaliśmy.Teraz są one przechowywane w DOM drzewa strony
Wystarczy przycisk Reset all filters.Nazwa aplikacji Apply all filters
Naciśnij Apply all filters, skrypt parsytuje wszystkie formularze, otrzymuje listę wszystkich formularzy, gdzie wartość nie jest pusta, tworzy parametry (nazwa to id a wartość to, co wprowadziliśmy do formularza) , dodaje je do bieżącego linku i otwiera otrzymany link.W ten sposób stworzyliśmy więcej niż jeden parametr i zaoszczędziliśmy dużo czasu.Jeśli spojrzymy na nazwę klasy wszystkich trójkątów, zobaczymy, że są one takie same.
HTTPS://i.postimg.cc/FHbSg5qY/7.jpg
Skrypt musi obsługiwać parsing we wszystkich formach (input, checkbox, selekt)
Najważniejszą rzeczą jest to, że nie powinien się kłócić z innymi skryptami, które są już obecne w kodzie.Przechowywanie archiwum, w którym jest plik HTML z skryptami
Załączniki 1
Opinia zleceniodawcy o współpracy z Oleh Patrushev
Skrypt do masowego tworzenia parametrów do zapytania GETDoskonały wykonawca . Wszystko zrobiliśmy szybko i dobrze.
Opinia freelancera o współpracy z Ivan Pachenko
Skrypt do masowego tworzenia parametrów do zapytania GETDoskonały zamawiający. Polecam .
-
612 21 0 Pozdrawiam ! Mogę wykonać Twoje zadanie. Mogę zacząć już teraz.
-
1358 76 6 3 Bardzo dobrze opisane TZ, wszystko jest jasne, zrobię to dość szybko i dobrze
-
3698 111 3 5 Dzień dobry, Ivan
Wykonuję niezbędne funkcje zgodnie z TZ.
Z szacunkiem, Juri
-
436 11 2 2 Dzień dobry .
Proszę rozważyć możliwość współpracy.
Z szacunkiem Artem.
-
520 13 0 Dzień dobry . Mogę wykonać ten scenariusz na NodeJS. Będę z przyjemnością współpracował
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 17 godzin temu ∙ 59 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 2 dni 18 godzin temu ∙ 27 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 4 dni 9 godzin temu ∙ 32 oferty |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 197 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 15 godzin temu ∙ 119 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 21 godzin temu ∙ 21 ofert |