Navigacija

Namai Forumas PAIEŠKA ! ! Pagrindinės temos ! Nuorodų katalogas Didž. Php-F saitai Kontaktai
NAUDINGA
Straipsniai DUK Siuntimai Skriptų biblioteka Modai, dizainai Modai šiame saite D.U.K. Informacija Hostingai Domenai
Naudotojo vadovas v7 V6 ir V7 galimybių palyginimas DEMO
NUORODOS
Modifikacijos, panelės Temos/dizainai
PASLAUGOS
Reklama VIP hostingas
Pask. komentarai Administracija

Vartotojų tinkle

Prisijungusių svečių: 307
Prisijungusių narių: 0
Prisijungusių narių nėra

Registruoti nariai: 25,956
Naujausias narys: saulyzas

Naujausi straipsniai

Įprasti:

Skirti naujokams:

Paskutiniai nariai

Reikalas20:55:41
MaFetas 2 savaitės
ozzWANTED 3 savaitės
saulyzas 5 savaitės
TOMIJUS 6 savaitės
Jaunelis22 savaitės
lanis22 savaitės
And2s23 savaitės
Memento Mori28 savaitės
Quwqkibor30 savaitės
asirija34 savaitės
tomeem36 savaitės
weberiz39 savaitės
mRokass42 savaitės
kartoonas43 savaitės
grunskiz46 savaitės
Bruksnys46 savaitės
illusion46 savaitės
ordo47 savaitės
Jurgaila48 savaitės

Informacija:


OS: Unknown
Naršyklė: Nežinoma
IP: 18.118.162.166
Naujienų: 529
Straipsnių: 235
Temų: 52,589
Postų: 522,538
Postų pask. parą: 0
Shout'ų pask. parą: 0
P.S.C. pask. parą: 0
Nuorodų kataloge: 13

Lankomumo Statistika

Peržiūrų šiandien: 22

Iš viso peržiūrų: 22948724

Prisijungti

REGISTRUOTIS
Nario vardas

Slaptažodis



Pamiršai slaptažodį?
Paprašyk naujo
Aktyvuoti save

Šaukykla

Jei norite rašyti žinutes, turite prisijungti.

ozzWANTED
2024 Lap. 30 15:11:14
Taip, vis dar up šypsosi

MaFetas
2024 Lap. 13 22:11:57
hey how, geras dar veikiantis saitas?

Jaunelis
2024 Lie. 25 11:07:43
Oho vis dar veikia svetainė akinanti šypsen Šimtas metų, matau Šaukykloje nuostalgija. Smagu panaršyt po forumą ir pažiūrėt senas temas šypsosi

And2s
2024 Lie. 17 19:07:04
2008 pirmą kart čia patekau, man buvo 10m ir čia pramokau programavimo.. smagu skaityti senas žinutes, tokia nostalgija akinanti šypsen ačiū Ozz kad saugoji šitą kultūrinį reliktą šypsosi

ozzWANTED
2024 Sau. 17 01:01:00
Desperatiškus komentarus šaukykloje su accountu po mėnesio prasibuvimo, ištryniau. Pasaulis ir taip juodas. Įjungiam šviesą, prašviesės. šypsosi

Šaukyklos archyvas

Apklausa

Ar esate patenkinti lietuviško vertimo kokybe?

Taip!

Taip, bet yra ką taisyti (parašysiu komentaruose)

Ne

Norėdamas balsuoti turite prisijungti.
Archyvas
Reklama 400x60
(Naujokams) Susipažinkime su AJAX
Taigi AJAX technologijos naudojamos daugiau stilizavimui, tiek formoms tiek įvairioms navigacijoms ir panašiai, manau ne kartą esate susidūrę su panašiais variantais.









01: Sukurti API



Na nedelskim ir pradėkim, žemiau pateikta funkcija nurodo kokius metodus mes atlikinėsime.



$('#formos-elementas').ajaxify(

{

method : 'post',

action : 'procesas.php',

onSuccess : function() {},

onSubmit : function() {},

onError : function() {}

}



Taigi pažiūrėkime ir panagrinėkime ką čia mes čia parašėme.



method - Šis variantas gali būti 'POST', 'GET', arba blank, tai yra tuščias.



action - Nurodomas URL veiksmui atlikti, duomenims perkelti ir panašiai, jei bus paliktas tuščias tada pluginas kreipsis į formą ieškant atributu.



onSuccess, onError - Ši dalis patikrina ar forma buvo užpildyta, ar ne tuščia.



onSubmit - Šis veiksmas veikia kai paspaudžiamas submit mygtukas (Siūsti) ir automatiškai pradeda veikti visi aukščiau išvardinti kriterijai. Jei jūs nepabrėžiate onSubmit kriterijaus funkcijoje ir buvo paspaustas siųsti mygtukas, tada automatiškai skriptas gražins true rezultatą.





02: Nustatom pagrindus







Taigi čia labai panašus kodas kaip ir viršuje tad nebeaiškinsiu kas ką atlieka, čia tiesiog nustatome numatytuosius parametrus kad viskas teisingai veiktų.





(function($) {

$.fn.ajaxify = function(parametrai) {

var pagrindiniai = {

method : '',

action : '',

onSuccess : function() {},

onSubmit : function() { return true },

onError : function() {}

};

var opts = $.extend({}, pagrindiniai, parametrai);





Šis reiškinys yra masyvas, čia apibrėžiami vartotojo pasirinkimai.







03: $.each apibrėžimas





Taigi nustatome parametrą submit mygtukui.



this.each(function() {

$(this).bind('submit', function(event) {







04: Įrankio event parametras







Event parametras tikrai turi nemažai padaryti kad forma darytu tai ką ir priklauso jei daryti. Taigi pirmosios eilutės būtu tokios.



FORM = $(this);

event.preventDefault();





Toliau suteikiame vartotojui galimybe daryti pasirinkimą (onSubmit) tad turime nustatyti teiginį jog onsubmit'as gražintu true arba false jei formoje kažkas klaidinga.



if(!opts.onSubmit.call(FORM[0])) { return; }



Taigi toliau panaudojame 'call' metodą, kad iškviestume onSubmit handlerius.

Taip yra nes .call() metodas sugeba iškviesti 'this' funkciją. Faktiškai turi būti nustatyta (GET arba POST) ir veiksmų (paskirties URL) nes kitu atveju bus negerai...



var method = opts.method || FORM.attr('method') || 'GET';

var action = opts.action || FORM.attr('action');





05: AJAX Pateikimas





jQuery perima visa darbą iš mūsų ajax'o, taip pat jei norėtumėt pasigilinti patarčiau pasiskaityti apie XMLHTTP basic'us.



$.ajax({

type : method,

url : action,

data : FORM.serialize(),

success : function(data) {

opts.onSuccess.call(FORM[0], data);

},

error : function() {

opts.onError.call(FORM[0]);

}

});



type - Nurodomos formos metodo atributas



url - Formos veiksmo atributas



data - Duomenų struktūros pateikimas, .seralize() metodas nurodo visas sėkmingas įvykdytas užklausas.



success - Jei buvo gražinta sėkminga formos užklausa.



error - Taip pat kaip ir aukščiau tik čia jei buvo gražinta klaidinga užklausa.





Na štai ir viskas pluginas beveik paruoštas darbui.





06: Panaudojam Plug-In





Taigi pritaikome mūsų pluginui atitinkamus veiksmus:



$('#ajaxify').ajaxify({

onSubmit : jeiPateikta,

onSuccess : jeiSekmingai,

onError : jeiKlaidingai

});





Dabar apibrėžiame patį onSubmit metodą kurį nurodėme plugine. Čia jau prasideda daugmaž stilizavimas.

Įsidėmėkite jog antroje eilutėje yra var valid = true; taip gražinamas true rezultatas





function jeiPateikta() {

var FORM = $(this);

var valid = true;





FORM.find('input').css('border-color', '#F0F0F0');



FORM.find('input').each(function() {

if($(this).val() == '') {

$(this).css('border-color', 'red');

valid = false;

}

});

return valid;

}







Dabar apibrėžkime rezultatus jei sėkmingai ir klaidingai buvo priimta užklausa.



function jeiSekmingai(msg) {

alert("Serveris sako " + msg);

}

function jeiKlaidingai() {

alert("Neteisingai užpildyta!");

}

Straipsnio informacija

Autorius
SofteriZ
Parašymo data
2011 gegužės 5 21:05:42
Komentarų
7
Skaityta
3377
Straipsnio sudėtingumas
(Naujokams)
Spausdinti Spausdinti
Komentarai
avice 2011 gegužės 7 20:05:58
mldc merkia akį
Man labai praverte
----------------------------------
Redagavo avice 2011 Geg. 7 20:05:38
N30n47 2011 gegužės 18 11:05:14
Gaila, straipsnis buvo rasytas Neono, o cia vaikezas kopijuoja: (
Donatas 2011 gegužės 24 01:05:49
Iš kito puslapio kopijuotas visas straipsnis..
avice 2011 gegužės 28 22:05:36
Koks skirtumas juk ne visi uzsuka i ta "kita puslapi" ;D
Almanachas 2011 liepos 23 17:07:44
Bet jau rašyba.. taigi, na, taigi, taigi. . ;D
Rašyti komentarą
Prisijunkite, norėdami parašyti komentarą.
Reitingai
Balsuoti gali tik nariai.

Prašome prisijungti arba prisiregistruoti.
Nuostabu! Nuostabu! 0% [Nėra balsų]
Labai gerai Labai gerai 0% [Nėra balsų]
Gerai Gerai 0% [Nėra balsų]
Patenkinamai Patenkinamai 100% [2 Balsų]
Blogai Blogai 0% [Nėra balsų]