Joomla Es Az Ajax

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/joomla
  • 8/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