Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Element javscript z zastosowaniem dla wielu
kubax33
post 17.01.2019, 15:41:59
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 27.01.2010

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


  1. <button id="countClickProduct[{$product.id_product}]">
  2. <i class="material-icons shopping-cart">&#xE547;</i>
  3. 0</button>
  4.  


  1. var button = document.getElementById("countClickProduct"),
  2. count = 0;
  3. button.onclick = function() {
  4. count += 1;
  5. button.innerHTML = "<i class=\"material-icons shopping-cart\">&#xE547;</i>" + count;
  6.  
  7. };


Skrypt zwiększa ilość po kliknięciu w button o jeden. Chcę zastosować to w sklepie dlatego pytanie jak zróbić, aby ten przycisk był wywoływany na jednej stronie dla kilku produktów. Czy id ma wyglądać ountClickProduct[{$product.id_product}] czyli przykładowo będzie to ountClickProduct[1] ountClickProduct[2] itd... ? nie działa w tej formie, jedynie dla jednego powtórzenia. Chcę też zmienią w [] odebrać przez Javascript [2] ponieważ jest to id produktu... następnie zapisać ją w tym powyższym skrypcie jako zmienną cookie Proszę o pomoc.
Go to the top of the page
+Quote Post
markuz
post 18.01.2019, 14:34:08
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


Nie używaj id jak chcesz robić akcję dla wielu elementów tylko class.

Np.

  1. <div class="a" data-id="1"></div>
  2. <div class="a" data-id="2"></div>
  3. <div class="a" data-id="3"></div>
  4. <div class="a" data-id="4"></div>


[JAVASCRIPT] pobierz, plaintext
  1. document.querySelector('.a').forEach(element => {
  2. element.addEventListener('click', () => {
  3. alert(element.datalist.id);
  4. });
  5. });
[JAVASCRIPT] pobierz, plaintext


Ten post edytował markuz 18.01.2019, 14:34:39


--------------------
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: 28.03.2024 - 21:36