Sziasztok!

Van egy .container Div-em, ami egy accordion, click eventre nyílik, csukódik.
A problémám, hogy a div-en belül bárhová kattintok összecsukja. Mármint a Div-en belüli child elementekre is. Hogyan tudom ezt megakadályozni?
Mivel input field van benne, így fontos lenne, hogy ha belekattintok ne csukja be.

const accordion = document.getElementsByClassName('container');
    for (i=0; i<accordion.length; i++) {
    accordion[i].addEventListener('click', function (event) {
      if (event.target.closest('.container') === this) {
            this.classList.toggle('active');
        }
    })
    }

[ Szerkesztve ]

Itt nézz szét és válaszd a neked szimpatikus megoldást:
[link]

Köszi.
Bár nálam a stopPropagation() nem működött.

Az e.target !== e.currentTarget se.
Viszont target/currentTarget logja megmutatta, hogy bár a .container div kapja a clicket. A target minden esetben a .label div lesz.

így a e.target.classList.value !== 'label' lett a megoldás.

Csak ez nem fog működni, hogyha több classt is tartalmaz egy div.

[ Szerkesztve ]

contains('label') tökéletes lett.
Működik ahogy kell.

ha esetleg rossz topicba írok, akkor bocsi:

Készítettem egy oldalt (320 sor), ami függőlegesen 2 részre van osztva container által, bal és jobb oldal, 40-60%. A bal oldalon kérdések vannak (több mint 22), ezek közt van lenyílós válasz és szabad szöveges doboz, a lap alján egy "Generál" gombbal. A jobb oldalon pedig a kiválasztott kérdések/beírások megjelenítése (legenerálása) egy szövegdobozban (resultText-ben). Ha csak kb 10 kérdés van, akkor rendben függőleges elosztva jelenik meg a tartalom, de ha több, mint 26 (!) van, akkor már a szövegdobozt alulra rakja, így vízszintesen van szétosztva a megjelenítés. A bal és jobb panel ugyanolyan magasságának meghatározásával is próbálkoztam (pl. 700px), de nem működött.
Mit kell esetleg beállítani, hogy mindenképpen tartsa meg a függőleges elosztást.

[ Szerkesztve ]

Weblap készítés

oda kellett volna

Konkrét példa?

Ezt a pillanatnyilag 14.4 ezer db kódsor = 455 oldal -amat egy intelligens formalizmus koordinálja ! - én találtam ki ♥ - ajánlom nektek is .

#731

Arra lennék kíváncsi, hogy evvel feltaláltam volna-e a meleg vizet ?

Miért is ?

Neked való

oda kellett volna

My reaction to #10246

[ Szerkesztve ]

Kérlek linkeld be, linkelj be róla valamit, nem baj ha nem is pontosan ugyan olyan mint az enyém, mert rengeteg időmet elveszi, és ha a te észrevételed segítene, az valóba jó lenne ♥

Valóban a laptopom egy kicsit szénakazlas, de már rendet csináltam benne: vannak mappáim kis és nagy szénakazlakra, szénákra szalmákra bálákra ! - he he he .

[ Szerkesztve ]

Hello,
Lehullt a fehér fügöny. Nem jut eszembe hogyan tudom a függvény paramétert átadni az oject key-nek.

function barmi(elem) {
object.key.auto; //helyett
object.[elem].auto;
}

beírtam codepen-be: [link]

[ Szerkesztve ]

Sikerült, a megoldást elmentettem a codepen -ben, ott lehet látni.
${} ezek a karakterek nem jutottak eszembe