Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Otwieranie dodatkowych divów za pomocą JS

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Otwieranie dodatkowych divów za pomocą JS

Post 06.11.2017, 23:30:46

Witam. Mam poniższy skrypt JS który służy mi do otwierania podrzędnych divów po nakliknieciu:
Kod: Zaznacz cały

                document.addEventListener("DOMContentLoaded", function() {
                    var more = document.getElementById('more-option1');
                        more.addEventListener('click', function(e) {
                            e.preventDefault();
                                document.querySelectorAll('#match2-add1, #match2-add2, #match2-add3, #match2-add4').forEach(function(i,v) {
                            i.classList.toggle('show');
                        });
                     })
                });
     

I wszystkim "selektorom" w każdym divie musze zmieniać nazwe gdyż każdy div to inny mecz i ma inne podrzędne divy.
Nie ukrywam że tych meczy jest od groma, i średnio mi sie widzi dla każdego podrzędnego diva ustalać nazwę i do tej każdej unikatowej nazwy dodawać CSS.
Jedynie ID meczu będzie zastąpione na zmienną "match<php echo'$match'>-add1". W jaki sposób można to uprościć ?

a propos tego skryptu mam jeszcze jedno pytanie, da sie go jakoś przerobić tak żeby po kliknięciu na ikonę wyświetlało sie okienko ale nie w nowej karcie tylko tak jakby nadrzędne nad obecną treścią, i podczas gdy to okienko jest otwarte klikniecie poza jego obszarem wychodzi z niego.

Z góry dzięki
BienuSS
Posty: 7
Dołączył(a): 15.03.2017

Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 8 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50698 zarejestrowanych użytkowników.
Najnowszy użytkownik: m1kie


Nasi użytkownicy napisali:

  • 936103 wiadomości
  • w 246729 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)