• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
272 wizyt
pytanie zadane 6 stycznia 2017 w JavaScript przez Marshall_ Początkujący (350 p.)
zamknięte 7 stycznia 2017 przez Marshall_

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>

 

komentarz zamknięcia: Problem rozwiązany, odpowiedź znajduje się w komentarzu do pytania.
1
komentarz 6 stycznia 2017 przez xmentor Nałogowiec (49,520 p.)
Prościej się chyba nie da:

http://jsfiddle.net/2u88cqop/

Przeanalizuj.

1 odpowiedź

0 głosów
odpowiedź 6 stycznia 2017 przez ribeiro Stary wyjadacz (11,440 p.)

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

 

komentarz 6 stycznia 2017 przez Marshall_ Początkujący (350 p.)
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/
2
komentarz 6 stycznia 2017 przez xmentor Nałogowiec (49,520 p.)
Nie mieszajmy warstw.
onclick => addEventListener.
komentarz 6 stycznia 2017 przez Marshall_ Początkujący (350 p.)
Tzn?

Podobne pytania

0 głosów
1 odpowiedź 150 wizyt
pytanie zadane 17 listopada 2020 w PHP przez Fover3241 Nowicjusz (230 p.)
0 głosów
1 odpowiedź 200 wizyt
pytanie zadane 12 listopada 2017 w JavaScript przez Dagmar Lottie Początkujący (280 p.)
0 głosów
3 odpowiedzi 271 wizyt
pytanie zadane 11 października 2018 w SQL, bazy danych przez WireNess Stary wyjadacz (11,240 p.)

93,186 zapytań

142,199 odpowiedzi

322,009 komentarzy

62,514 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2127p. - dia-Chann
  2. 2092p. - Łukasz Piwowar
  3. 2079p. - Łukasz Eckert
  4. 2037p. - Tomasz Bielak
  5. 2006p. - rucin93
  6. 2005p. - Łukasz Siedlecki
  7. 1964p. - CC PL
  8. 1835p. - Adrian Wieprzkowicz
  9. 1785p. - Michal Drewniak
  10. 1744p. - rafalszastok
  11. 1734p. - Anonim 3619784
  12. 1684p. - Mikbac
  13. 1520p. - Marcin Putra
  14. 1480p. - ssynowiec
  15. 1474p. - Dawid128
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...