• 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
106 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 (199,820 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 Stary wyjadacz (10,840 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 (48,520 p.)
komentarz 1 maja 2018 przez adrian17 Mędrzec (199,820 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 Stary wyjadacz (10,630 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
1 odpowiedź 76 wizyt
0 głosów
1 odpowiedź 42 wizyt
pytanie zadane 23 kwietnia w JavaScript, jQuery, AJAX przez gucisz Nowicjusz (160 p.)
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

66,478 zapytań

113,251 odpowiedzi

239,818 komentarzy

46,619 pasjonatów

Przeglądających: 249
Pasjonatów: 7 Gości: 242

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.

...