29 minutes ago, Tpojka said:

 

Pitam jer mi nije jasno šta se dešava sa listener-om kad se overwrite-uje button variabla odnosno kako to funkcioniše. 

'Oću da kažem da me zanima i ako radi i ako ne radi.  

 

fair enough

 

Ne kapiram bas skroz tvoje pitanje, ali ovo gore definitivno radi.

18 minutes ago, jms_uk said:

 

Ma nisam se previše udubljiv'o u JS u mjeri da bi' znao šta će biti sa tim listenerom ako se dodijeli elementu a element u sljedećoj iteraciji bude pre[br|p]isan. 
Ovaj dio
 

for (let i = 0; i < addToCartButtons.length; i++) {
	let button = addToCartButtons[i];
	button.addEventListener("click", addToCartClicked);
}

 

Recimo imaš 3 Buy button-a na stranici. I sad dodaješ svakom tom elementu akciju `addToCartClicked` funkcije na `click` event.

Nego mi nije najjasnija JS u smislu da će to funkcionisati tako. Tj, da će ta akcija ostati za prva dva `button`-a a da neće biti overwrite-ovana trećim button-om pa da akcija ostane zapamćena ustvari samo za treći button. To me je zbunilo al' izgleda da JS tako radi. Potrudiću se da zapamtim. 

Edited March 13, 20214 yr by Tpojka

Moze JS pomoc ako neko zna:

 

imam dropdown koji sa onchange selektuje sledeci dropdown

 

nesto npr. kao ovde:

https://codepen.io/abdina/pen/dLmVgX

 

Medjutim, sta da radim, ako bih hteo jos jedan nivo dalje, da na osnovu vrednosti iz drugog dropdown-a otvori izbor u trecem?

Like this?

Disclaimer: ja sam se UI stvarima prestao baviti u IE6 vrijeme tako da...

 

https://codepen.io/jela_sam_sarme/pen/ZELvPZo

 

Ako treba da podrzis jos nivoa onda bi mogla neka genericka funkcija da se sklepa - za samo treci nivo i ovo je ok.

8 hours ago, Skyhighatrist said:

Like this?

 

7 hours ago, laser lotus said:

Disclaimer: ja sam se UI stvarima prestao baviti u IE6 vrijeme tako da...

 

https://codepen.io/jela_sam_sarme/pen/ZELvPZo

 

Ako treba da podrzis jos nivoa onda bi mogla neka genericka funkcija da se sklepa - za samo treci nivo i ovo je ok.

 

Hvala puno!

 

Ovo drugo je blize onome sto mi treba, samo da vidim nekako da stvari u trecem dropdown-u budu iz nekog zasebnog array-a umesto ovog dodavanja na dropdown2 values.

 

@laser lotus super ti je username na CP 

Izmuljah ga nekako

 

https://codepen.io/jms_uk/pen/wvgyojN

 

2 hours ago, jms_uk said:

Izmuljah ga nekako

 

 

Iako je validan za naziv atributa, `id` k'o CSS selektor ne smije startovati cifrom. 
Drugim riječima, neće se moći stilizovati nešto poput
 

#1 {
    border: 1px, solid, #eee;
}

 

Evo ti par ideja kako da napraviš dinamičko ubacivanje funkcije (gdje si napravio generalnu funkciju za onchange event umjesto za svaku ddl posebno). 
Može (tj. treba) se tu još igrati al' ovo je neki početak.
 

// let's make first ddl dynamically
let selectElem = document.createElement('select')

// or append it to parent element instead
document.body.appendChild(selectElem)

selectElem.setAttribute('id', 'one')

// this should be in separate function that accepts ddl id
Object.defineProperty(selectElem, 'makeRhsDdl', {
  value: function (ddlId) {
  	selectElem.onchange = () => {
      // more logic here for creating appropriate child ddl
      console.log(selectElem.value)
    }
  },
  configurable: true 
})

let option_0 = document.createElement('option')
option_0.value = "0"
option_0.text = 'Select an option'

selectElem.appendChild(option_0)

let option_1 = document.createElement('option')
option_1.value = "1"
option_1.setAttribute('selected', 'selected')
option_1.text = 'One'

selectElem.appendChild(option_1)

selectElem.makeRhsDdl(selectElem.id)

 

1 hour ago, Tpojka said:

 

 

Iako je validan za naziv atributa, `id` k'o CSS selektor ne smije startovati cifrom. 

 

Evo ti par ideja kako da napraviš dinamičko ubacivanje funkcije (gdje si napravio generalnu funkciju za onchange event umjesto za svaku ddl posebno). 
Može (tj. treba) se tu još igrati al' ovo je neki početak.
 

// let's make first ddl dynamically
let selectElem = document.createElement('select')

// or append it to parent element instead
document.body.appendChild(selectElem)

selectElem.setAttribute('id', 'one')

// this should be in separate function that accepts ddl id
Object.defineProperty(selectElem, 'makeRhsDdl', {
  value: function (ddlId) {
  	selectElem.onchange = () => {
      // more logic here for creating appropriate child ddl
      console.log(selectElem.value)
    }
  },
  configurable: true 
})

let option_0 = document.createElement('option')
option_0.value = "0"
option_0.text = 'Select an option'

selectElem.appendChild(option_0)

let option_1 = document.createElement('option')
option_1.value = "1"
option_1.setAttribute('selected', 'selected')
option_1.text = 'One'

selectElem.appendChild(option_1)

selectElem.makeRhsDdl(selectElem.id)

 

 

Za bold gore, primetih to i ja (uzeto sa stack overflow-a) i krenuo da menjam vec.

 

Hvala za kod, iskopirao pa cu pogledati  sutra - za danas mi je dosta, zatvorio VSC 

 

Definitivno nije ovo gotovo, ima da se tweak-uje (npr. za drugi dropdown array ne mogu odvojene reci kao za prvi i treci) i unapredjuje.

 

Ali bar za neki pocetak, kao koncept da moze da radi...

Mali apdejt - https://codepen.io/jela_sam_sarme/pen/GRrQmWx

5 minutes ago, laser lotus said:

Mali apdejt - https://codepen.io/jela_sam_sarme/pen/GRrQmWx

 

Takodje, veliko hvala!

Nije tema, al ne znam gde da pitam pa ko velim mozda je najbolje kod ljudi iz IT sektora...ima li ovde neko da se bave digitalnim marketingom, google ads, analitika i to?

Ja (površno) znam jednog koji (je) zarađivao za život radeći SEO optimizacije i sve povezano sa tim.

1 hour ago, Kubrick said:

Nije tema, al ne znam gde da pitam pa ko velim mozda je najbolje kod ljudi iz IT sektora...ima li ovde neko da se bave digitalnim marketingom, google ads, analitika i to?

Možda mogu da pomognem. Šta te zanima?

Edited April 13, 20214 yr by mraki

GitHub Copilot - Your AI pair programmer

 

https://copilot.github.com/

Možda konačno dobacim do 10 linija koda po danu