[es] - jQuery i input polje

squirll

Član broj: 248171
Poruke: 106
*.dynamic.isp.telekom.rs.

+66 Profil

^{04.06.2010. u 17:03 - pre 168 meseci}

Pozdrav svima...
Ne volim JS i jQuery , nisam nikad ni radio to al eto ..sad sam upao bas u taj problem ( i ako sam sebi rekao da od pon krecem sa ucenjem JSi jquery-a) a ovo treba biti do pon gotovo ...no moj problem je...

Imam
input disable field sa value= "nekitekst1-slikabroj.jpg-nekitekst2"
ispod imam 4slike i svaka slika ima svoj ID

Kad kliknem na neku sliku npr broj 1 meni treba da izmeni tekst u tom input polju i da bude "nekitekst1-1.jpg-nekitekst2" i tako dalje....

Ono sto sam ja uspeo je (dole je <a> tag za link a ne za sliku znam :D al na isto mu dodje...)

<input id="example">
<a onclick="$('#example').val('dobro je')" id="example">Klik</a>
<a onclick="$('#example').val('ako je')" id="example">Klik</a>
<a onclick="$('#example').val('joj je')" id="example">Klik</a>

al to nije to ... meni treba (samo) da zameni broj slike a ostalo sve da bude isto...Jel moze neka pomoc?
Neko uputstvo bilo sta....
Probao sam sto stvari ali nikako da dodjem do zeljenog....

Bilo kakva pomoc bi mi dobro dosla
Hvala

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-1.sezampro.yu.

+33 Profil

Re: jQuery i input polje

^{04.06.2010. u 20:25 - pre 168 meseci}

Ništa te nisam razumeo, čas pričaš o slikama, čas o linkovima... I šta ti je to "input disable"? Misliš na obično tekstualno polje? Uglavnom, ne moraš, tačnije, ne treba za svaku sliku/link da bind-uješ onclick događaj, to možeš da uradiš samo jednom, dinamički, tako što ćeš onclick da definišeš za sve slike/linkove ispod tekstualnog polja. Npr. ako su te slike unutar nekog div tag-a sa id-em "slike", onda bi to išlo ovako:

Code:
$('#slike img').click(function() {
//radi nesto
});

Takođe, sve te slike možeš da označiš nekom CSS klasom, eto npr. opet "slike", i onda bi im click event bind-ovao ovako:

Code:
$('.slike').click(function() {
//radi nesto
});

Dalje, dohvatanje atributa nekog elementa (u slučaju slike to može da bude id, title, src, itd.) se radi sa .attr() funkcijom.

Ti sad iskombinuj sve ovo na način kako tebi odgovara. I za ubuduće, baci pogled na dokumentaciju jQuery-ja, tamo je sve opisano do detalja.

Odgovor na temu

squirll

Član broj: 248171
Poruke: 106
*.dynamic.isp.telekom.rs.

+66 Profil

Re: jQuery i input polje

^{04.06.2010. u 22:21 - pre 168 meseci}

input readonly a ne disable...na to sam mislio...

meni problem predstavlja kako ja da ubacim broj slike u input polje a da ne poremetim ostali tekst
"nekitekst1-slikabroj.jpg-nekitekst2"

i gledam ceo dan dokumentaciju o jquery i oci mi ispadaju al jbg kad ne kontam js :S
i sve sto sam uspeo je da promenim ceo podatak u nekom css div-u a meni to ne treba

ajd da budem jasan (mozda nisam u prvoj poruci)

imam
3grupe sa 4opcije .
prva grupa je tekst druga slika i treca ponovo tekst....i sve se trebaju menjati kako user klikne...

<div id="prva grupa">
<a href="#" onclick=>text</a>
<a href="#" onclick=>slika1</a>
</div

<div id="druga grupa">
<a href="#" onclick=>slika0</a>
<a href="#" onclick=>slika1</a>
</div>

<div id="treca grupa">
<a href="#" onclick=>text2</a>
<a href="#" onclick=>text3</a>
</div>

i to treba da mi se slozi u taj input field.... redom prva grupa-druga-treca grupa... tim redom..i sad mi pravi problem.. sta ako user promeni samo drugu grupu ...kako da to izmene a da ne poremeti prvu i trecu ...u tom input filedu...

kao youtube embed code sto pravis.. menjas velicinu u input fieldu ne poremeti skin...i obratno http://www.socialtimes.com/wor...4/YouTube-Embed-Screenshot.jpg

nadam se da sam sad jasniji :)

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-6.sezampro.rs.

+33 Profil

Re: jQuery i input polje

^{05.06.2010. u 10:28 - pre 168 meseci}

Citat:

squirll: kako da to izmene a da ne poremeti prvu i trecu ...u tom input filedu...

Aha, znači nije problem samo u jQuery-ju već i uopšte u JS-u. Tako da, pre svega, prouči rad sa stringovima u JS-u.

Nego, ako ti je tekst u tom polju grupisan i odvojen nekim konkretnim znakom, pretpostavljam znakom "-", onda ti pri svakoj toj obradi nakon klika možeš da split-uješ ceo tekst po tom znaku, kako bi dobio sve te delove (nekitekst1, 1.jpg, nekitekst2) u obliku niza. Takođe, svaki taj objekat (slika, link) na koji će korisnik da klikće mora biti "povezan" sa sadržajem tog input polja, na način da ćeš npr. kad se klikne na nešto iz druge grupe, menjati drugi element tog niza kojeg dobijaš nakon split-ovanja. Naravno, ti uopšte ne moraš da ideš sa split(), to je samo jedan od način da obradiš taj string kojeg imaš u tvom tekst. polju. Opet, to "povezivanje" može da se odradi na razne načine, npr., možeš sve te linkove/slike da označiš određenom CSS klasom, npr. one koje su u prvoj grupi sa "grupa0" (namerno sam stavio 0, zbog korelacije sa tim nizom kojeg ćeš dobiti nakon split-ovanja, budući da indeksi nizova u JS-u počinju od nule), oni koju su u drugoj grupi sa "grupa1", itd. I sad, nakon klika, dohvatiš klasu tog elementa, pokupiš poslednji znak te klase (0, 1, ili 2), split-uješ tekst iz input polja kako bi dobio niz i onda vrednost kliknutog elementa upišeš na indeks niza koji odgovara prethodno pokupljenom poslednjem znaku CSS klase (za kojeg smo rekli da nam predstavlja korelaciju sa elementima niza kojeg dobijamo nakon split-ovanja). Na kraju, ponovo join-uješ taj niz kako bi opet dobio string, i onda taj string staviš za vrednost tog glavnog input polja.

I opet kažem, nemoj za svaki link/sliku pojedinačno da pišeš onclick, glupo je,

uradi to dinamički, kroz određene selektore.

Odgovor na temu