[es] - jquery prikaz proizvoda

shone-88
Nenad Nikolic
Tehničar za WMS
Swisslion D.O.O.
Vrsac

Član broj: 201979
Poruke: 10
*.dynamic.sbb.rs.

Profil

^{04.08.2012. u 13:52 - pre 142 meseci}

Pozdrav svima. Pravim sajt za diplmski rad i sad hocu da pregled proizvoda kao sto ima na [url=http://www.vipmobile.rs/mobilni-uredjaji/mobilni-telefoni.1146.html][/url] kad hocete da izaberete telefon po odredjenoj ceni. Moj sajt ce da sadrzi kupovinu IT proizvoda i sad sam ja hteo da kad korisnik izabere proizvod koji zeli da kupi (npr. laptop) i interesuju ga oni cija cena je od 30 000 do 70 000, da nakon podesavanja da mu se dole pojave laptopovi cija je cena od 30 000 do 70 000. Da li neko mozda zna na koji nacin se to radi ili da li ima neki plugin ili tutorijal ili demo, bilo sta sto bi moglo da mi pomogne?

Odgovor na temu

pajaja
Beograd

Administrator
Član broj: 41598
Poruke: 3430
*.dynamic.sbb.rs.

Jabber: pajaja@elitesecurity.org
ICQ: 253317269

+144 Profil

Re: jquery prikaz proizvoda

^{05.08.2012. u 03:21 - pre 142 meseci}

Da li si pogledao na koji nacin su oni to realizovali, ili probao nesto sam? Ovo se sve svodi na AJAX. Trebace ti neka funkcija koja ce biti povezana sa onchange eventom (na tim poljima koja uticu u filtriranju proizvoda). Proces bi trebalo da izgleda ovako nekako:

1. Korisnik podesi zeljenu karakteristiku
2. Saljes HTTP request koji sadrzi sve potrebne podatke na osnovu kojih filtriras proizvode (sve sto korisnik moze da promeni, cena, tipovi, itd.) AJAX-om na backend (PHP/ASP/sta vec koristis).
3. Aplikacija na osnovu prosledjenih podataka uzima iz baze proizvode koji odgovaraju korisniku i vraca ih u JSON formatu javascriptu.
4. Javascript na osnovu tog odgovora prikazuje podatke o proizvodima.

I to se desava za svaku promenu kriterijuma. Ono sto ce ti olaksati pravljenje ovoga je jQuery biblioteka kojom dosta lakse mozes da uradis sve ovo. Takodje ima dobru dokumentaciju sa primerima tako da ne verujem da ce ti biti problem. Pogledaj class i ID selektore elemenata, funkcije kao sto su .change(), .post(), .each().

_{xxx

mali mali mali kamičak...nebo plave boje.

In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)}

Odgovor na temu

shone-88
Nenad Nikolic
Tehničar za WMS
Swisslion D.O.O.
Vrsac

Član broj: 201979
Poruke: 10
*.dynamic.sbb.rs.

Profil

Re: jquery prikaz proizvoda

^{05.08.2012. u 10:57 - pre 142 meseci}

U kodu sajta pise da su radili sa slider ui widget. Njega znam da napravim ali u nekom osnovnom obliku. Kada se dva slajdera pomeraju da se iscrtava polje koje je tih dimenzija ali ne znam kako da prikaze elemente koje se naprimer nalaze u bazi. AJAX mi je skroz nepoznat jer nisam nikad radio u njemu(nesto malo na faksu ali to ne bih racunao u neki rad :) ), jedino PHP. Ovo mi je dosta pomoglo, sad bar znam odakle da pocnem :)

Odgovor na temu

pajaja
Beograd

Administrator
Član broj: 41598
Poruke: 3430
*.dynamic.sbb.rs.

Jabber: pajaja@elitesecurity.org
ICQ: 253317269

+144 Profil

Re: jquery prikaz proizvoda

^{05.08.2012. u 14:03 - pre 142 meseci}

Aha nisam shvatio da je slajder bitan. Pa ako znas da napravis to sa kockom ne bi trebalo da ti ovo bude komplikovanije, u principu jedina razlika je sto se umesto pozivanja funkcije za iscrtavanje kocke salje http zahtev. Tako da bi podesavanje tog slajdera izgledalo ovako nekako:

Code (javascript):

          $("#slider-range").slider({

               range:true,

               min:0, //najjeftiniji proizvod

               max:70000, //najskuplji proizvod

               values:[ 0, 70000 ],

               stop:function (event, ui) {

                    $.post(...); //ajax

               }

          });

_{xxx

mali mali mali kamičak...nebo plave boje.

In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)}

Odgovor na temu

shone-88
Nenad Nikolic
Tehničar za WMS
Swisslion D.O.O.
Vrsac

Član broj: 201979
Poruke: 10
*.dynamic.sbb.rs.

Profil

Re: jquery prikaz proizvoda

^{06.08.2012. u 11:03 - pre 142 meseci}

Ispravi me ako sam pogresio posto sam nov u svemu ovome... Tu gde se nalaze tri tacke $post(...); trebam da napisem npr. http://www.mojsajt.com/it-proizvodi.html (tu mi se nalaze svi proizvodi) i on ce odatle da ocita proizvode sa zadatom vrednoscu?

Odgovor na temu

pajaja
Beograd

Administrator
Član broj: 41598
Poruke: 3430
92.244.140.*

Jabber: pajaja@elitesecurity.org
ICQ: 253317269

+144 Profil

Re: jquery prikaz proizvoda

^{06.08.2012. u 12:06 - pre 142 meseci}

Tako nesto. Tu ide url na koji saljes zahtev, parametri, callback funkcija, id. Sa tim sto URL naravno ne moze da pokazuje na obican html dokument vec na neku skriptu (PHP, ASP, JSP, py, sta si vec planirao da koristis). Recimo imas:

Code (javascript):

$.post("it-proizvodi.php", { category_id: var1, min_cena: var2, max_cena: var3 },

   function(data) {

      //obrada podataka iz odgovora

   });

gde su ti var1, var2, var3 javascript promenljive u kojima imas ID kategorije proizvoda, i minimalnu i maksimalnu cenu (sa slajdera). Najbolje da pogledas $.post() dokumentaciju i da probas da napravis nesto najjednostavnije za pocetak.

_{xxx

mali mali mali kamičak...nebo plave boje.

In Memoriam: Madzone Zeka(15.09.2005-16.09.2005)}

Odgovor na temu

shone-88
Nenad Nikolic
Tehničar za WMS
Swisslion D.O.O.
Vrsac

Član broj: 201979
Poruke: 10
*.dynamic.sbb.rs.

Profil

Re: jquery prikaz proizvoda

^{06.08.2012. u 12:59 - pre 142 meseci}

OK, hvala na pomoci.

Odgovor na temu

ivan.a
PHP developer

Član broj: 83976
Poruke: 403
*.dynamic.isp.telekom.rs.

+44 Profil

Re: jquery prikaz proizvoda

^{09.08.2012. u 18:02 - pre 142 meseci}

Imaš i ovde gotov primer:
http://www.elitesecurity.org/t439034-0#2979358

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Odgovor na temu