Jeden skrypt dla wielu przycisków z różnym id

Question

Witam. Skorzystałem ze skryptu w3schools dodającego snackbary, natomiast mam problem z jego implementacją dla wielu elementów. Skrypt pobiera dane do wyświetlenia przez id, czyli "snackbar", a ja chciałbym, aby id były ponumerowane i skrypt umiał rozróżnić jaką informację ma wyświetlić.

http://www.w3schools.com/howto/howto_js_snackbar.asp
http://jsfiddle.net/ra5dk4he/

<div id="snackbar1" onclick="myFunction()">Wiadomość nr 1</div>

<div id="snackbar2" onclick="myFunction()">Wiadomość nr 2</div>

 

Comments

Prościej się chyba nie da:

http://jsfiddle.net/2u88cqop/

Przeanalizuj.

Answer 1

Przekaż w argumencie funkcji wartość atrybutu id:

<div id="snackbar1" onclick="myFunction(this.id)">Wiadomość nr 1</div>

I skorzystaj z niego w ciele funkcji:

function myFunction(id) {
    var x = document.getElementById(id);
...

I w tym fiddle'u nie masz średnika btw

 

Comments

Nie bardzo rozumiem, w js jestem kompletnie nowy, nadal nie działa (to 1 fiddle było złe, bo w css jest id "snackbar"  i js do tego dopisuje ".show" przez co snackbar się wyświetla i to nie miało prawa działać)

http://jsfiddle.net/ra5dk4he/6/

---

Nie mieszajmy warstw.
onclick => addEventListener.

---

Tzn?

---

http://webroad.pl/inne/3722-progressive-enhancement-zapomniany-fundament

---

http://forum.pasja-informatyki.pl/34559/w3schools-nie-szerzmy-falszywej-propagandy