ajax ~ trebam pomoc ~ jednostavni query

[ON AIR]

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 ..

[_butch]

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...

[ON AIR]

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 !

[Sulien]

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

[ON AIR]

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 ..

[maratz]

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.

[ON AIR]

uhf, zbunio si me, ajd marko nemoj zezati vec mi osvijetli put, ocu ba i ja tamo sa vama, dosadno mi ovdje

[Sulien]

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).

[Sulien]

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

[ON AIR]

suli legenda !

[maratz]

http://www.ipo.hr/search?q=lotos --> pa klik na traži (sa uključenim JavaScriptom) not what i expected... BTW, nebija onaj supermarket wannabe sticker na naslovnici

[Sulien]

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!