Wątek przeniesiony 2020-03-26 14:25 z Kosz przez cerrato.

Używanie id z array przy zmianie stylu.

Odpowiedz Nowy wątek
Hr
2020-03-26 13:13
Hr

Rejestracja: 1 tydzień temu

Ostatnio: 3 dni temu

0

Szukam sposobu by wyświetlić zawartość div'a na ekranie po kliknięciu nagłówka.
Szukałem możliwości utworzenia id na podstawie

         var li = document.getElementsByClassName("li_in_nav");
     Array.prototype.forEach.call(li, function(idLi, indexLi, arrLi)
     {
        idLi.addEventListener("click", open);

         function open()
         {
            var classes = document.getElementsByClassName("text");
            var b = [].map.call(classes, function(el) { return el.id; });

                console.log(b)

                b[indexLi].style.display = 'inline';
         }

    });
});

Szukałem możliwości sklejenia id ale nic takiego nie znalazłem.Np:

while(x<5)  //while zastępuje obecny wyżej forEach
{
e+x.style.display = 'inline';
//"e" czyli początek od id tekstu
}
       <li class="li_in_nav">Dire Straits - Brothers in Arms</li>
    <li class="li_in_nav">Queen - Bohemian Rhapsody</li>

    <div id="e1" class="text">Dire Straits  </div>
         <div id="e1" class="text">Queen    </div>
edytowany 4x, ostatnio: Hr, 2020-03-26 14:54

Pozostało 580 znaków

2020-03-26 14:57

Rejestracja: 2 lata temu

Ostatnio: 19 minut temu

0

Szukam sposobu by wyświetlić zawartość div'a na ekranie po kliknięciu nagłówka.

Co to znaczy?

Pozostałych pytań też nie rozumiem.


Pozostało 580 znaków

Hr
2020-03-26 15:12
Hr

Rejestracja: 1 tydzień temu

Ostatnio: 3 dni temu

0

Po kliknięciu nawigacji z lewej strony na który nałożony jest eventListener(onclick ) po kliknięciu w div'ie o z identycznym indexem (jak w nawigacji) zmenia się styl display na inline.

Szukam rozwiązania jestem podatny na wszelkie pomoce.

https://4programmers.net/Forum/Download/26976

edytowany 2x, ostatnio: cerrato, 2020-03-26 15:29

Pozostało 580 znaków

2020-03-26 15:58

Rejestracja: 2 lata temu

Ostatnio: 19 minut temu

1

Po kliknięciu nawigacji z lewej strony na który nałożony jest eventListener(onclick ) ? po kliknięciu w div'ie o z identycznym indexem (jak w nawigacji)

W jaki sposób wiążą się ze sobą dwa powyższe zdania?
Onclick jest nałożone na LI czy na DIV?
Mamy klkać w LI czy w DIV?

zmenia się styl display na inline.

Co się ma zmienić, LI czy DIV?

A tak w ogóle, to twoje ID-y nie są unikalne:


<div id="e1" class="text">Dire Straits  </div>
<div id="e1" class="text">Queen    </div>

Pozostało 580 znaków

2020-03-26 16:49

Rejestracja: 9 lat temu

Ostatnio: 30 minut temu

Hr napisał(a):
while(x<5)  //while zastępuje obecny wyżej forEach
{
e+x.style.display = 'inline';
//"e" czyli początek od id tekstu
}

Jak już coś to

document.getElementById("e" + x).style.display

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0