Drukowana wersja tematu

Napisany przez: kubax33 17.01.2019, 15:41:59

[HTML] pobierz, plaintext 
    <http://december.com/html/4/element/button.html id="countClickProduct[{$product.id_product}]">
      <http://december.com/html/4/element/i.html class="material-icons shopping-cart">&#xE547;</http://december.com/html/4/element/i.html>
	0</http://december.com/html/4/element/button.html>
 
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
var button = document.getElementById("countClickProduct"),
  http://www.php.net/count = 0;
button.onclick = function() {
  http://www.php.net/count += 1;
  button.innerHTML = "<i class=\"material-icons shopping-cart\">&#xE547;</i>" + http://www.php.net/count;
 
};
[PHP] pobierz, plaintext 

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.

Napisany przez: markuz 18.01.2019, 14:34:08

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

Np.

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/div.html class="a" data-id="1"></http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="a" data-id="2"></http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="a" data-id="3"></http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/div.html class="a" data-id="4"></http://december.com/html/4/element/div.html>
[HTML] pobierz, plaintext 

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