[ shone-88 @ 04.08.2012. 13:52 ] @
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?
[ pajaja @ 05.08.2012. 03:21 ] @
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().
[ shone-88 @ 05.08.2012. 10:57 ] @
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 :)
[ pajaja @ 05.08.2012. 14:03 ] @
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
               }
          });
 
[ shone-88 @ 06.08.2012. 11:03 ] @
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?
[ pajaja @ 06.08.2012. 12:06 ] @
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.
[ shone-88 @ 06.08.2012. 12:59 ] @
OK, hvala na pomoci.
[ ivan.a @ 09.08.2012. 18:02 ] @
Imaš i ovde gotov primer:
http://www.elitesecurity.org/t439034-0#2979358