Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS][HTML] Edytowanie elementu z losowym id
gbsn
post 14.08.2022, 16:32:42
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 14.08.2022

Ostrzeżenie: (0%)
-----


Witajcie, to mój pierwszy wpis na forum.

Chciałbym dodać link do nazwy kategorii wyświetlanego menu (w wersji mobilnej), ponieważ domyślnie jest zrobione to tak, że jest 'Nazwa kategorii' a obok niej "button" do rozwijania listy podkategorii. Chcę, by dodany link w nazwie kategorii przenosił w miejsce tej kategorii na stronie.

Problem jednak w tym, że "li data id" pod którym znajduje się ten element w kodzie jest zmienny za każdym razem gdy przeładuje się stronę.

kod wygląda następująco:

  1. <div class"fixed-elements">
  2. <div class="swipe-panel open">
  3. <div class="swipe-panel-content categories left open" style="left: 0px;">
  4. <div class="mobile-categories">
  5. <ul>
  6. <li data id="70285cec635c">
  7. <a href="#">Dziecko</a>
  8. <i class="fa fa-bars open-subtree">
  9. ::before
  10.  



Czyli wspomniana kategoria to "Dziecko", rozwijana lista podkategorii to "fa fa-bars open-subtree". Chcę dodać link w miejsce <a href="#"> przenoszący bezpośrednio do kategorii "Dziecko", ale nie wiem jak to zrobić, przez to że element powyżej (li data id="70285cec635c") jest zmienny. Dodam, że nie mam bezpośredniego dostępu do źródła strony, ale mogę je edytować lub coś dodawać poprzez specjalne pole edycji JavaScript/HTML/CSS w panelu administracyjnym - chodzi konkretnie o sklep Internetowy. Jeszcze raczkuję w tych tematach, więc będę wdzięczny za "łopatologiczne" odpowiedzi. smile.gif

Ten post edytował gbsn 14.08.2022, 16:35:44
Go to the top of the page
+Quote Post
Johnas
post 19.08.2022, 12:23:56
Post #2





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


możesz nadać mu klase i ten id dodać sobie do data-id="ten zmienny id"

ewentualnie

$('.mobile-categories').parents('ul li');

chyba haha.gif


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
gbsn
post 19.08.2022, 22:46:08
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 14.08.2022

Ostrzeżenie: (0%)
-----


Cytat(Johnas @ 19.08.2022, 13:23:56 ) *
możesz nadać mu klase i ten id dodać sobie do data-id="ten zmienny id"

ewentualnie

$('.mobile-categories').parents('ul li');

chyba haha.gif


A możesz podpowiedzieć jak dokładnie byś to zrobił, tzn. krok po kroku? Mój poziom wiedzy jest naprawdę mizerny, dopiero zaczynam. smile.gif
Go to the top of the page
+Quote Post
Salvation
post 20.08.2022, 12:52:19
Post #4





Grupa: Zarejestrowani
Postów: 338
Pomógł: 70
Dołączył: 15.07.2014

Ostrzeżenie: (0%)
-----


Tak poza tematem...

To dodawałeś sam? `li data id`
Bo albo nie powinno być `data`, albo powinno być `data-id`

A wracając do problemu. To eventListener 'click' na 'mobile-categories > ul li'. Pobierasz z niego atrybut ID i dorzucasz do URL. Wtedy strona ładnie "skacze". Pozostanie Ci jedynie zaprogramować scroll.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 06:47