Problem z innerHTML Opcje

[diamondking]

Cześć.
Mam dwa osobne ale identyczne formularze, w każdym jest pole file z innym id.

W JS mam skrypt by podczas zmiany tego pola usuwało zawartość z diva.

[HTML] pobierz, plaintext 
$('#avatarimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

tak samo w drugim

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
document.getElementsByClassName('noti')[0].innerHTML = '';
});
[HTML] pobierz, plaintext 

W pierwszym formularza działa poprawnie, w drugim już nie. Pomożecie?

[nospor]

NO skoro zawsze pobierasz pierwszy element o klasie noti no to sie nie dziw ze zawsze ci zmienia tylko w pierwszym (IMG:style_emoticons/default/wink.gif)

ps: przenosze

Swoja droga skoro uzywasz jquery to moglbys to robic konsekwentnie a nie raz jquery a raz lecisz w vanila js

[diamondking]

Ty jak zawsze pomocy (IMG:style_emoticons/default/facepalmxd.gif)

jak zmieniłem na

[HTML] pobierz, plaintext 
document.getElementsByClassName('noti').innerHTML = '';
[HTML] pobierz, plaintext 

to nie działa w ogóle (IMG:style_emoticons/default/tongue.gif)

[nospor]

Ale jakbys zamienil na
document.getElementsByClassName('noti')[1].innerHTML = '';

to moze byc jednak zadzialalo (IMG:style_emoticons/default/tongue.gif)

[diamondking]

Niestety nie działa, widocznie gdzie indziej w kodzie mam jakiś błąd (IMG:style_emoticons/default/smile.gif)
Tworzę to na przykładach z sieci bo nie znam się na JS ;/

[HTML] pobierz, plaintext 
    $('#avatarimg').on('change', function() {
         var buttonblock = document.getElementById("avatarsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtavatar')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';       
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtavatar')[0].innerHTML = '';  
        } 
        document.getElementsByClassName('noti')[1].innerHTML = '';      
});
[HTML] pobierz, plaintext 

pod spodem mam taki kod do drugiego pola

[HTML] pobierz, plaintext 
$('#bgimg').on('change', function() {
         var buttonblock = document.getElementById("bgsend");
         if(this.files[0].size > 2097152){
         buttonblock.classList.add("disabled");
        document.getElementsByClassName('txtbg')[0].innerHTML = '<span class="error">Maksymalny rozmiar pliku 2Mb</span>';    
        }else{
         buttonblock.classList.remove("disabled");
         document.getElementsByClassName('txtbg')[0].innerHTML = '';   
        }
        document.getElementsByClassName('noti')[1].innerHTML = ''; 
});
[HTML] pobierz, plaintext 

[nospor]

(IMG:style_emoticons/default/facepalmxd.gif)
Nie musisz sie znac, ale myslec to bys mogl... Przeczytaj dokladnie co ja pisalem w postach i przetraw to na spokojnie patrzac na to co ty zastosowales

[diamondking]

Daruje sobie to (IMG:style_emoticons/default/biggrin.gif) Nie ogarniam. Google też nie pomaga chyba, że będziesz tak miły i podrzucisz jakiś link (IMG:style_emoticons/default/sad.gif)

[nospor]

console.log(document.getElementsByClassName('noti'));
co zwraca?

[diamondking]

Nie wiem co się stało ale zaczęło działać (IMG:style_emoticons/default/nerdsmiley.png)