[ virtualVoid @ 30.01.2010. 19:52 ] @
Na jednoj web stranici se nalaze thumbnail slike drugih sajtova. Potrebno je da korisnik klikne na taj thumbnail, da mu se otvori popup odredjene velicine i da se trenutni prikaz automatski pozicionira na odredjeni element (sliku) na tom vanjskom linku.
E sad, ovo je vrlo lako uraditi kada taj drugi sajt sliku stavi u neki element sa ID atributom pa onda ja na njega skocim direktno preko URL-a.

Ovaj vanjski site nema ID atributa nego su mu slike poredane jedna ispod drugog unutar DIV elementa bez ikakvog ID atributa. Slika, na koju zelim navigirati, nalazi npr. 1200px od vrha, a 300px od lijevog ruba. Kako uraditi navigaciju direktno na ovu sliku? Je li ovo uopce moguce uraditi?

PS. Samo da spomenem, na mene zanima SAMO ovaj dio oko navigaciju na sliku koja nema svoj ID.
PPS. Popup kreiram preko javascript-a (windows.open('parametri').
[ Nikola Poša @ 30.01.2010. 20:14 ] @
A da li još po nekom osnovu možeš da izfiltriraš tu željenu sliku, npr. po njenom title-u, ili tako nešto? Onda bi npr. jQuery mogao da se odradi neki selektor na tu sliku, posle čega bi sa focus() metodom trebalo da uspe pozicioniranje na istu, ovako nešto:
Code:
$("img[title='neki naslov']").focus();

E sad ja stvarno ne znam da li će focus() da radi za img tag, ali pošto kažeš da je svaka slika unutar div-a, onda bi to bilo bolje ovako:
Code:
$("img[title='neki naslov']").parent('div').focus();
[ virtualVoid @ 31.01.2010. 08:09 ] @
Nije svaka slika u svom DIVu nego unutar jednog. Svaka slika je unutar svoj <p> taga.

Stranica u kodu nema nikakvih identifikatora jedino class identifikator. Npr. <div class="background-image"> ili <p class="title-text">.
Postoji li mogucnost navodjenja na ove class atribute?

Takodjer, ne koristim jquery nego obicni javascript pa ako vec postoji rjesenje, zanima me u javascriptu.
[ Nikola Poša @ 31.01.2010. 12:57 ] @
Citat:
virtualVoid: Nije svaka slika u svom DIVu nego unutar jednog. Svaka slika je unutar svoj <p> taga.

Stranica u kodu nema nikakvih identifikatora jedino class identifikator. Npr. <div class="background-image"> ili <p class="title-text">.
Postoji li mogucnost navodjenja na ove class atribute?

Naravno, ti sa selektorima možeš da "gađaš" bilo šta, odnosno, po bilo kom atributu, pa i po class atributu. Možeš čak i da kažeš koji po redu element u vraćenom set-u hoćeš da match-uješ. Ali ja sam te pitao da li da tvoja slika ima neki atribut koji je razlikuje od ostalih, "title", "alt", ili tako nešto, čisto da bismo lakše mogli da je match-ujemo?

E sad ako je ta tvoja željena slika recimo treća po redu u tom nizu slika na toj stranici, i ako kažeš da je svaka slika unutar svog "p" tag-a, a pretpostavljam da je sve to unutar nekog div-a čija je klasa "background-image", onda bi to moglo da se reši ovako (jQuery-jem, naravno ):
Code:
$("div.background-image img:eq(2)").parent("p").focus();

U prevodu, match-uj treću sliku unutar div-a čija je klasa "background-image" i fokusiraj se njen nadređeni "p" tag.

Citat:
virtualVoid: Takodjer, ne koristim jquery nego obicni javascript pa ako vec postoji rjesenje, zanima me u javascriptu.

A zar ti nije lakše da časkom preuzmeš jQuery (minified verzija je velika, bolje rečeno mala, svega 23KB), include-uješ ga u head sekciju, i posle je sve pesma.


[ virtualVoid @ 31.01.2010. 16:14 ] @
Hmm nisam bas na ti sa jquery ali probat cu ovo jer si me sad zaintrigirao. :)