Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?

[es] :: Javascript i AJAX :: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?

[ Pregleda: 6641 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

karlson

Član broj: 324415
Poruke: 29
109.175.103.*



+1 Profil

icon Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?09.08.2016. u 12:10 - pre 92 meseci
Imam HTML ovog tipa:
Code:

<div class="container">
    <div class="col-md-2" id="dropA">
        <img id="dragA" src="broj-7.jpg">
    </div>
    <div class="col-md-2" id="dropB">
        <img id="dragB" src="broj-4.jpg">
    </div>
    <div class="col-md-2 id="dropC">
        <img id="dragC" src="broj-8.jpg">
    </div>
</div>


Trebao bih iz IMG elemenata izvući vrijednost SRC-a. Tačnije, broj iz naziva slike. Npr. iz src="broj-7.jpg" treba mi 7, iz src="broj-4.jpg" treba mi 4 itd.

Pokušao ovako
Code:

    var images = document.getElementsByTagName("img");

Code:

    var images = document.querySelectorAll("img");

misleći da ću dobiti niz koji mogu čitati sa images[index]. Ali mi javlja da se radi o [object HTMLImageElement].
Šta trebam dalje raditi?
Hvala.
 
Odgovor na temu

whitie2004

Član broj: 19966
Poruke: 1537
87.116.189.*



+266 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?09.08.2016. u 17:37 - pre 92 meseci
Trazio si elemente ( getElements... ) i dobio si niz elemenata.!

Ako ti iz tog elementa treba samo sors onda: images[index].src Samo pazi dobijas celo ime fajla.

Izdvajanje dela koji te interesuje valjda nije problem ....
U padu jednog carstva stradaju svi, tako je uvek bilo, tako će biti i sada. Verovatno će posle svega ovoga
biti formirani neki novi blokovi, nova uređenja. A mi? Eh, a mi..
 
Odgovor na temu

karlson

Član broj: 324415
Poruke: 29
109.175.103.*



+1 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?09.08.2016. u 22:01 - pre 92 meseci
Da, to "images[index].src" mi je nedostajalo. Ostalo nije problem.

Hvala još jednom.
 
Odgovor na temu

karlson

Član broj: 324415
Poruke: 29
109.175.101.*



+1 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?10.08.2016. u 11:28 - pre 92 meseci
Imam još jedno banalno pitanje. Znam da nije uobičajeno, ali da li bi se mogla u nazivima klasa, ID-a, SRC-a koristiti naša slova (afrikate)? Jer vidim da ih document.getElementsByTagName ne prepoznaje. Ne pomaže ni da stavim charset:
Code:
<script type="text/javascript" src="fajl.js" charset="UTF-8"></script>

Znam da se može ovo rješavati sa replace-ovanjem dijelova stringa, ali me zanima može li bez tih dodatnih operacija?
 
Odgovor na temu

brux002
Goran Blazin
Web Developer
Svuda po malo

Član broj: 280339
Poruke: 251
cable-188-2-110-228.dynamic.sbb.rs.

Sajt: goranblazin.com


+98 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?10.08.2016. u 11:33 - pre 92 meseci
To se nikako ne preporucuje. Uvek je najbolje pisati kod i nazive promenljivih, klasa, ID, fajlova,... na engleskom (nikad ne znas da li ce sutra neko ko ne zna nas jezik raditi na aplikaciji).
Mogu li te pitati zbog cega to zelis?
Violence is the last refuge of the incompetent.
 
Odgovor na temu

karlson

Član broj: 324415
Poruke: 29
109.175.101.*



+1 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?10.08.2016. u 11:45 - pre 92 meseci
Razlog je vrlo jednostavan. Neki grafički elementi mi predstavljaju slova, a pošto se radi o drag&drop igrici u kojoj bi se ta slova tumbala onda bi po njihovom nazivu (npr. "slovo-Đ.jpg" ili samo "đ.jpg") određivao njihovu poziciju...
 
Odgovor na temu

brux002
Goran Blazin
Web Developer
Svuda po malo

Član broj: 280339
Poruke: 251
cable-188-2-110-228.dynamic.sbb.rs.

Sajt: goranblazin.com


+98 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?12.08.2016. u 13:27 - pre 92 meseci
Hmm, ja nazalost jos uvek ne razumem kakve veze imaju nazivi promenljivih, klasa, ID i fajlova sa tim sto si napisao. Mozes molim te da pojasnis?
Graficki element - da li tu mislis na slike? Ako da - naziv fajla nema nikakve veze sa sadrzajem slike (koja moze da sadrzi stagod zelis, pa i nasa slova).
Violence is the last refuge of the incompetent.
 
Odgovor na temu

karlson

Član broj: 324415
Poruke: 29
109.175.102.*



+1 Profil

icon Re: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?10.10.2016. u 10:56 - pre 90 meseci
Citat:
brux002: Hmm, ja nazalost jos uvek ne razumem kakve veze imaju nazivi promenljivih, klasa, ID i fajlova sa tim sto si napisao. Mozes molim te da pojasnis?
Graficki element - da li tu mislis na slike? Ako da - naziv fajla nema nikakve veze sa sadrzajem slike (koja moze da sadrzi stagod zelis, pa i nasa slova).

Izvini zbog kašnjenja s odgovorom. Prestalo mi raditi e-mail praćenje pa sam mislio da niko nije odgovarao na poruku, a i posao me odvukao skroz na drugu stranu...

Evo da pojasnim...
Imam 30 naših slova predstavljenih sa 30 odgovarajućih slika. Odnosno, svaka slika je jedno nacrtano slovo. Slika na kojoj je slovo A je fajl naziva "slovo-a.jpg", nacrtano Đ je "slovo-đ.jpg" itd.
U kodu, slike se nalaze unutar tagova oblika:
Code:

<img id="drag1" src="slova/slovo-A.jpg" draggable="true" ondragstart="drag(event)">

Pošto se radi o drag&drop akcijama bitan mi je raspored tih slika u trenutku kad korisnik završi njihovo premještanje. Njihov raspored preuzimam u varijablu odgovor:
Code:

    var images = document.getElementsByTagName("img");
    var odgovor = "";

    for (var i = 0; i < images.length; i++) {
        odgovor += images[i].src.charAt(images[i].src.length-5);
    };

Na ovaj način dobijam varijablu odgovor.
Međutim, ono što trenutno predstavlja problem jeste da se vrijednost varijable razlikuje u Mozilli u odnosu na Internet Explorer. A ni jedna ni druga nije ono što meni treba!

Ako je u Mozilli (boldiram problematične znakove/slova):
A6DEGLIKNOPRS0TT

u Internet Exploreru je:
AĆDEGLIKNOPRSŠTT

a u stvari bi trebalo biti:
AĆDEGLIKNOPRSŠTT

Očito, problem su naša slova koja se koriste u tag-ovima. Znam da bi se moglo riješiti tako da Č bude 1, Ć=2, Dž=3 itd. pa onda na određenim mjestima praviti konverziju broj u slovo, ali se nadam da neko zna kako da ovo izbjegnem...
 
Odgovor na temu

[es] :: Javascript i AJAX :: Kako da dohvatim sve IMG (tj. SRC) iz DIV-ova?

[ Pregleda: 6641 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.