Upload
tibor-toth
View
218
Download
0
Embed Size (px)
Citation preview
8/14/2019 Joomla Es Az Ajax
1/16
2007.10.21.Budapest
Hotel Flandria
Ajax s Joomla!
Hogyan integrlhatunk ajaxosmegoldsokat Joomlba?
Szcs Viktor
8/14/2019 Joomla Es Az Ajax
2/16
Mirl is lesz sz?
Mi az az Ajax?
Mibl ll?
A Prototype.js, mint segdeszkzAjax pro s kontra
Az Ajax integrlsa a Joomlba
8/14/2019 Joomla Es Az Ajax
3/16
Az Ajax s a Joomla! ???
8/14/2019 Joomla Es Az Ajax
4/16
A Joomla s az Ajax
8/14/2019 Joomla Es Az Ajax
5/16
Az Ajaxrl
Ajax = Asynchronous Javascript andXML (Aszinkron Javascript s XML)
Nem egyetlen technolgia, hanemtbb, mr meglv technolgia
egyttes alkalmazsaLnyege: aszinkron
adatkommunikci, azaz adatokcserje a bngszben, annak
jratltse nlkl
8/14/2019 Joomla Es Az Ajax
6/16
Az Ajax tartalmazza
(X)HTML s CSS szabvnyokat, amelyek a
tartalom megjelentsre s formzsraszolglnak.
Document Object Modell-t (DOM), amely adinamikus megjelentsrt s az
interaktivitsrt felels.XML-t s XSLT-t az adattovbbtsra, de ms
formtum is megfelel.
XMLHttpRequest (XHR) objektumot, amely
az aszinkron adatcsert vgzi a szerver s akliens kztt.
Javascriptet, ami az egszet sszefogja.
8/14/2019 Joomla Es Az Ajax
7/16
Az ajaxos kommunikci modellje
8/14/2019 Joomla Es Az Ajax
8/16
A Prototype.js
A Prototype.js egy Javascriptkeretrendszer, amely megknnyti adinamikus web alkalmazsokfejlesztst.
Lteznek ms JS keretrendszerek is:mootools, Dojo, Rico
Egyszerstett szintaktika:pl. $() agetElementById() helyett.
Knnyen hasznlhat Ajax Library.Pl.: Ajax.Request(url[, options])
8/14/2019 Joomla Es Az Ajax
9/16
8/14/2019 Joomla Es Az Ajax
10/16
Ajax pro s kontra
Pro:
Desktop rzs
Gyors
Folyamatos kapcsolat
Kontra:
Vissza gomb (Back button)
Kikapcsolt javascript mellett nemmkdik
Keres motorok nem tudjk indexelni
8/14/2019 Joomla Es Az Ajax
11/16
Egy ajaxos menkezel modul felptse
Ajaxos
menmodul
prototype.js, amely megknnyti
a kdrst s tlthatbb teszi aforrst
mod_ajaxmenu.php, ami tartalmazza
a paramtereket, s belinkeli ajavascript fjlokat
8/14/2019 Joomla Es Az Ajax
12/16
Lssuk a medvt
http://szucsviktor.extra.hu/joomlahttp://szucsviktor.extra.hu/joomla8/14/2019 Joomla Es Az Ajax
13/16
Mi trtnik ekkor a httrben?
Az onclick esemnykezel meghv
egy fggvnyt, amely: elvgzi az XHR-t, azaz
Ltrehoz egy j Ajax.Request objektumot tadja a megfelel paramtereket az url vltozban megadott fjlnak
amely a megadott paramtereksegtsgvel elvgzi az adatbzislekrdezst
majd a kimenetre rja az eredmnyt.
8/14/2019 Joomla Es Az Ajax
14/16
Ami szksges
Az albbi fjlok importlsa, hogy a
Joomla! beptett objektumaitelrjk.
globals.php
configuration.php includes/joomla.php
Hely a sablonban, ahol az ajaxos
lekrdezs eredmnye megjelenik.Pl.:
8/14/2019 Joomla Es Az Ajax
15/16
s amire vigyzni kell
include_once(), vagy require_once()fggvnyeknl az elrsi tvonalat nevltozba tegyk, hanem llandba,pl. define(PATH,
dirname(__FILE__) );A berkez adatok ellenrzse az SQL
injection miatt.
Kzvetlen fjl hozzfrs
megakadlyozsaCsak mrtkkel.
8/14/2019 Joomla Es Az Ajax
16/16