Back to site
Since 2004, our University project has become the Internet's most widespread web hosting directory. Here we like to talk a lot about web servers, web development, networking and security services. It is, after all, our expertise. To make things better we've launched this science section with the free access to educational resources and important scientific material translated to different languages.

Ultra laka JavaScript bioblioteka




Upoznavanje

AJS je ultra laka JavaScript bibloteka stara oko 2 godine. Inspirisana je MochiKit-om, ali se razlikuje po tome što je manja i izražajnija. Trenutna verzija je samo 33 KB (nekomprimovana!), dok su MochiKit druge biblioteka, kao JQuery, Mootools ili Prototype 100 KB i više.

AJS obuhvata:

-Moćne i jednostavne za korišćenje AJAX funkcije
-Univerzalni učinak
-Efekte
-Drag and drop (prevuci i pusti)
-Funkcionalno programiranje kao što su AJS.map i AJS.partial
-DOM funkcije kao što su AJS.$
-AJAX JSON podršku (sa AJS.loadJSON i AJS.serializeJSON)
-Jedinstveni položaj i veličina, koji rade u svim modernim pretraživačima
-Objedinjeni događaji , koji rade u svim modernim pretraživačima
-i još mnogo toga...

Ali ovo nije sve! AJS uključuje:

-Korišćenje samo jednog namespace-a, odnosno AJS
-Objašnjenja i primere za svaku funkciju
-Više oblika - Python script (kod u programskom jeziku Python) može da skenira Vaš kod, pronađe AJS funkcije, koje koristite i kreira specijalni AJS fajl za Vas , koji je mnogo manji!

Delovi koda

Pametno DOM kreiranje

var p_elm = P(SPAN({class: 'blue_n_black'}, IMG({src: 'hottie.gif'})));

Izražajan

//Delete all span elements with class "name" and fluffy_id element
removeElement($bytc('span', 'name'), $('fluffy_id'));

AJAX radi lako

function doSearch() {
    var url = "http://api.search.yahoo.com/";
    var d = AJS.loadJSON(url);
  d.addCallback(function(o) { alert(o); });
    d.addErrback(function(err) { alert(err); });

    var form = AJS.$('formy');
    d.sendReq({appid: "YahooDemo",
                        query: AJS.$f(form, 'q').value,
                        results: AJS.$f(form, 'r').value,
                        output: "json"})
    return false;
}

Efekti
AJS.fx.setHeight(AJS.$('div'), {from: 0, to: 500});


Dokumentacija

-AJS reference – Koristi ovo za preuzimanje i pregled funkcija, koje obezbeđuje AJS
-AJS.fx reference – Koristi ovo za preuzimanje i pregled efekata
-AJS.dnd reference – Koristi ovo za pruzimanje i pregled za drag and drop

Primeri

-Simple drag and drop (jednostavno prevuci i otpusti)
-AJS.fx show-off (AJS.fx prikaz)
-JavaScript OOP
-Sortable list (lista za sortiranje)

Blog postovi

-Rešavanje problema koričćenjem AJS.bind – Moj blog post , koji ukazuje na problem i kako se on rešava u AJS
-JavaScript OOP – pametan način
-AJS efekti

Podržani pregledači

-Firefox 1,0 i 1.5
-IE 5.5 i 6.0
-Netscape 7
-Safari
-Opera 8.5 i 9
-I drugi...

Gse se koristi?

-Skeletonz CMS
-GreyBox
-GoogieSpell
-Pocoo forum
-Todoist
-Plurk

Preuzimanje najnovije verzije AJS

Ovaj zip fajl sadrži AJS.js, AJS_minify.py, dokumentaciju i primere:

-Download najnovijeg AJS 4.6

Promena logovanja

-Promena logovanja za AJS



Published (Last edited): 27-11-2012 , source: http://orangoo.com/labs/AJS/