View previous topic :: View next topic |
Author |
Message |
ON AIR Guest
|
Posted: 13.09.2006 13:16 Post subject: ajax ~ trebam pomoc ~ jednostavni query |
|
|
naime novi sam u ajaxu, smile, tako da neznam ni guglati (citaj : zivjeti), a htjeo bih postici nesto kao na ovoj stranici :
http://www.abaqueinside.com/IntuiCatAjaxDemo.asp
.. znaci imati meni, i klikanjem po istome provlaciti određene stranice kroz ajax, pa ako neko zna lokaciju fino uređenih i jednostavnih primjera, bio bih sretan kada bi ih podjelio sa mnom
znaci ono sto trebam je 'samo' pozivanje određenih stranica preko ajax loadera .. |
|
|
Back to top |
|
|
_butch
Joined: 10 Sep 2003 Posts: 870 Location: Maichno, Krlovc
|
Posted: 13.09.2006 13:29 Post subject: |
|
|
Getting Started \w Ajax
Ovdje ti je najjednostavniji primjer.
Tu ces vidjeti kako to sve funkcionira, no to je samo pocetak, moze se koristiti AJAX na tisucu nacina, ima gotovih "frameworkova" - Prototype, sada novi MooTools, Yahoo! UI... |
_________________ FRENCH GUARD: No chance, English bed-wetting types.
I burst my pimples at you and call your door-opening request a silly thing, you tiny-brained wipers of other people's bottoms! Flikrac |
|
Back to top |
|
|
ON AIR Guest
|
Posted: 13.09.2006 14:00 Post subject: |
|
|
link neradi ~ a kad vec spominjes mootools site na kojem radim koristi moo.fx sa kojim bi na koncu trebao surađivati i ajax, ali gdin. Valerio nije bas ponudio iscrpan tutorial za njegovu ajax klasu, tako da ako imas volje postaj jos koji link gotovih ajax primjera, a vec sam objasnio sta mi zapravo treba ..
BTW) Veliko Hvala na odgovoru ! |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 13.09.2006 21:56 Post subject: |
|
|
rečenica "provlačiti određene stranice kroz Ajax" mi puno ne govori...
kako bi bilo da pobliže objasniš što ti treba? keep it simple, ali da po mogućnosti skužimo |
|
|
Back to top |
|
|
ON AIR Guest
|
Posted: 13.09.2006 22:19 Post subject: |
|
|
hmm, eh ovako netrebam tutorial tipa koji ce mi pokazati kako se u ajaxu mogu uraditi samo neki fancy, meni trenutno bez vezni detalji tipa kako ukljuciti kešing, ili kojekakav widget. Trebam tutorial koji ce mi tacno pomoci da napravim sljedece :
~ znaci sajt bi trebao imati meni (sta je sajt bez menija), eh sada, stranice koje bi se pozivale putem tog istog menija zelio bih da budu ajaxom lodane, znaci trebam 'samo to'
+ sto bi jo trebalo imati u vidu je to da ce sajt ako Bog da koristiti moo.fx
( http://moofx.mad4milk.net/ ) i to da bi se taj (ti) meniji nalazili unutar 'tabova' ovih, i unutar tih tabova klikom na (pod) menije sadrzaj bi ajaxom trebao biti pozvan .. |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 13.09.2006 22:34 Post subject: |
|
|
ON AIR wrote: | ~ znaci sajt bi trebao imati meni (sta je sajt bez menija), eh sada, stranice koje bi se pozivale putem tog istog menija zelio bih da budu ajaxom lodane, znaci trebam 'samo to' |
okej... ali kak misliš bookmarkat stranice? kak će ti spider proći dalje od naslovnice? i kako misliš riješiti back button funkcionalnost? Ne znaš? Ne treba to tebi. Stari dobri ahref ti je sasvim dovoljan. |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
ON AIR Guest
|
Posted: 13.09.2006 22:42 Post subject: |
|
|
uhf, zbunio si me, ajd marko nemoj zezati vec mi osvijetli put, ocu ba i ja tamo sa vama, dosadno mi ovdje |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 13.09.2006 22:43 Post subject: |
|
|
OK. Ali nadam se da će ta tvoja "navigacija" radit i sa isključenim javascriptom.
Sve o moo.ajax saznaš iz njegovog koda: evo ja sam sve naučio u minutu.
Novi ajax objekt dobiješ sa:
Code: | var my_request = new Ajax(url, options) |
url parametar je url, options je hash ovih opcija:
Code: | {
method: 'post',
postBody: '',
async: true,
onComplete: Class.empty,
update: null,
evalScripts: false
} |
Ti koristi za method 'get', a kao 'update' mu daj container (element ili ID) u koji želiš dinamički sadržaj vraćen requestom. Prije toga provjeri browserom da li tvoji URL-ovi vraćaju komade HTML-a koje trebaš dinamički ubaciti.
Naposlijetku na tom objektu pozoveš 'request()':
Code: | my_request.request() |
Znači:
Code: | new Ajax(url, {method: 'get', update: 'container'}).request() |
Objekt (DIV) sa ID-em 'container' bi se trebao popuniti sadržajem vraćenim sa URL-a kojeg si zatražio. Server side rješi da skripta na tom URL-u vraća HTML, naravno bez HEAD i BODY tagova. Probaj
Instaliraj Firebug u Firefox. U njemu (F12) pod 'options' imaš "show xmlhttprequests". To uključi i ostavi konzolu otvorenom dok klikaš po linkovima. Ako si uspješno napravio Ajax requestove, u konzoli će se oni ispisati jedan za drugim i moći ćeš provjeriti kako je zatražen i kakav je response dobio (za debugging). |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 13.09.2006 22:55 Post subject: |
|
|
Evo live primjer (ali je Prototype):
Ovo je primjer searcha na IPO - http://www.ipo.hr/search?q=lotos
URL vraća cijelu stranicu (cijeli layout) sa search rezultatima. Ništa zanimljivo za nas. No, zanimljivo je kad pridodaš parametar 'xhr' u URL: http://www.ipo.hr/search?q=lotos&xhr=jes
Ista stvar, ali kao fragment: nema layouta, samo komad HTML-a. Kako ja to koristim? Odi na bilo koju stranicu na IPO - u headeru imaš search box. Upiši recimo "lotos". Nema refresha. To je skripta dohvatila http://www.ipo.hr/search?q=lotos&xhr=jes kojeg si upravo "ručno pogledao" i ubacila u (dinamički stvoren) container.
Ali ako isključiš JS i dođeš na site, search i dalje radi. Nije ajax nego te jednostavno baci na http://www.ipo.hr/search?q=lotos kao svaka normalna search forma. To se zove degradiranje, i želim da i ti to imaš. Znači prvo iskodiraš stvar bez javascripta, a JS dodaš za brzinu i 'cool' faktor |
|
|
Back to top |
|
|
ON AIR Guest
|
Posted: 13.09.2006 23:00 Post subject: |
|
|
suli legenda ! |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 14.09.2006 11:51 Post subject: |
|
|
ej maratz, cijenim komentare, ali bih mogao zamoliti da repostaš na http://www.mi3dot.org/forum/viewtopic.php?t=9566 ? neka sve bude na jednom mjestu... i objasni zašto te iznenadio dupli search ako možeš
hvala! |
|
|
Back to top |
|
|
|