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

addEventListener co robię nie tak?

0 głosów
103 wizyt
pytanie zadane 1 maja 2018 w JavaScript, jQuery, AJAX przez GracjanDogg Użytkownik (840 p.)
function tabela(){
    var row = document.getElementById("myTr");
    row.src = "martwykaktoolodyga.png";
    var x = row.insertCell(-1);
    x.innerHTML = '<center><img src="martwykaktoolodyga.png" width="50px"></center>';
    x.addEventListener("onclick", function(x){
        alert("Cell index is: " + x.cellIndex);
    });
<table id="tabela">
 <tr id="myTr">                         
 </tr>
</table>

Czemu tworzącemu się <td> nie mogę przypisać tej funkcji? Gdy zrobię w html <td onclick="tutajFunkcjazAlertem(this)"> to wszystko działa, zapisuje w alercie numer z indexem, ale już w addEventListener nie, nic się nie wyświetla. Wpisuję w konsoli tę funkcję i pisze, że index jest niezdefiniowany.

komentarz 1 maja 2018 przez adrian17 Mędrzec (173,880 p.)
zdarzenie nazywa się `click`, nie `onclick`.
komentarz 1 maja 2018 przez GracjanDogg Użytkownik (840 p.)
'click' również nie działa, zmieniłem to na 'onclick' jak już pomysłu nie miałem.

3 odpowiedzi

+1 głos
odpowiedź 1 maja 2018 przez hun1er76 Dyskutant (8,490 p.)

Najpierw wczytać strukturę DOM, a dopiero później kod js. A poza tym obiektem właściwości cellIndex powinien być this.

komentarz 1 maja 2018 przez GracjanDogg Użytkownik (840 p.)
"Najpierw wczytać strukturę DOM, a dopiero później kod js" W jaki sposób?
komentarz 1 maja 2018 przez Mariusz08 Nałogowiec (45,440 p.)
komentarz 1 maja 2018 przez adrian17 Mędrzec (173,880 p.)

 A poza tym obiektem właściwości cellIndex powinien być this.

(a jeszcze lepiej użyć event.target)

+1 głos
odpowiedź 1 maja 2018 przez BT101 Dyskutant (7,530 p.)

Domknij funkcje i ją wywołaj bo bez wywołania ten kod w ogóle się nie wykona.. No i zmień onclick na click i nie używaj center.. I img powinien mieć alt...

Przeanalizuj sobie prosty przykład.

Sprawdź czy nie masz jeszcze jakichś innych błędów w konsoli.

0 głosów
odpowiedź 1 maja 2018 przez GracjanDogg Użytkownik (840 p.)
Znalazłem rozwiązanie, bardzo mi pomogliście.

Podobne pytania

0 głosów
2 odpowiedzi 72 wizyt
0 głosów
1 odpowiedź 104 wizyt
Porady nie od parady
Zadając pytanie postaraj się o poprawną pisownię i czytelne formatowanie tekstu.Kompozycja

62,276 zapytań

108,403 odpowiedzi

226,290 komentarzy

34,909 pasjonatów

Przeglądających: 241
Pasjonatów: 12 Gości: 229

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...