Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

AJAX, DHTML i PHP u praksi

[es] :: PHP :: AJAX, DHTML i PHP u praksi

Strane: 1 2

[ Pregleda: 20645 | Odgovora: 38 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

niksav
Nikola Savic
Nis

Član broj: 131079
Poruke: 15
212.200.45.*

Sajt: www.logik.co.yu


Profil

icon Re: AJAX, DHTML i PHP u praksi11.02.2007. u 15:20 - pre 208 meseci
Ne znam da li postoji takava mogucnost, ali bi bilo dobro zameniti naslov ove teme da ne bi privlacila ovako siroku raspravu. AJAX, DHTML i PHP u praksi bi bila dobro resenje.

Moram da priznam da i pored iskustva od 7 godina u web razvoju, i ako se AJAX pojavio odavno, ja do sada nisam koristio ovu tehnologiju. Da bih olaksao sebi zivot uzeo sam Prototype JavaScript framework koji je Alex predlozio, i za sada sam zadovoljan, posebno zbog Template klase koju sadrzi.

Resio sam da primenim AJAX na jednu od poslovnih web aplikacija koju upravo razvijamo. Problem kod ove vrste aplikacija je cinjenica da su korisnici uglavnom koristili desktop aplikacije slicne namene i odatle vuku neke navike. Recimo, zele da imaju mogucnost lake izmene podataka u tabelarnom prikazu, sto za Web predstavlja problem. Inicijalno resenje je kreiralo veliku formu u tabelarnom prikazu, gde je svaka vrsta odgovarala jednom zapisu (dokumentu). Ne moram da vam objasnjavam koliko to izgleda rogobatno. Kod tako velikih formi je uvek problem provere ispravnosti podataka, koja moze da izvrsi JavaScript na strani klijenta, ali je dobra praksa da i PHP proveri sve podatke pre unosa u bazu. Svako ko je imao iskustva sa velikim formama, posebno onim koje obradjuju veci broj zapisa odjednom, znaju da to nije trivijalni problem.

Pretpostavio sam da bi AJAX mogao da pomogne :) Resenje koje smo napravili izgleda ovako:

* Tabela sa zapisima se prikazuje u klasicnom tekstualnom obliku bez ikakvih edit polja inicijalno
* Za svaki zapis (vrstu tabele) postoji link kojim se omogucava editovanje. Prakticno to podrazumeva pozivanje PHP skripta koriscenjem AJAX-a, gde se vraca HTML kod za tu vrstu tabele sa svim poljima forme. Taj HTML kod se ubacuje na mesto postojece vrste za koju je zahtevano editovanje.
* Nakon izmene podataka, koriscenjem novog linka (save) podaci iz vrste se preko AJAX-a ponovo vracaju PHP skriptu na snimanje. Ako nema gresaka u podacima, zapis se snima u bazu i vraca se HTML kod sa novim vrednostima i bez polja za editovanje. Ako postoji greska, vraca se HTML sa poljima forme i odredjenim naznakama o gresci (recimo crveni border oko polja za unos).

Uocili smo da se JavaScript, koji je deo HTML koda koji se ubacuje koriscenjem innerHTML, ne izvrsava!

Za narednu verziju planiramo da iskoristimo JSON za prenos podataka i Template klasu iz Prototype framework-a. Problem kod prenosa podataka u JSON formatu predstavljaju select polja za unos. Kod ovakvih formi jedno isto select polje se ponavlja u vise vrsta, i zbog toga je korisno imati javascript funkciju za popunjavanje mogucih vrednosti (opcija). Kao sto sam vec rekao, kada se HTML kod ubacuje negde u dokument koriscenjem innerHTML-a, javascript kod se ne izvrsava. Zbog toga je prenos kompletnog HTML koda preko AJAX-a lakse resenje, jer je moguce poslati select polje sa vec popunjenim vrednostima. Resenje koje planiramo da upotrebimo je poziv posebne JavaScript funkcije nakon ubacivanja HTML koda u tabelu. Ta JS funkcija bi popunila sva select polja odgovarajucim vrednostima i postavila odgovarajucu default opciju, na osnovu primljenih podataka. Bitno je da vrednosti za select polja dolaze iz baze i da ih u nasem primeru imamo 5.

Interesuje me koliko je ovo slicno ili razlicito pristupu drugih u koriscenju AJAX-a.

Pozdrav,
Nikola Savic
Logik d.o.o. Nis - www.logik.co.yu
 
Odgovor na temu

CallMeSaMaster

Član broj: 43611
Poruke: 466
89.111.252.*



+1 Profil

icon Re: AJAX, DHTML i PHP u praksi11.02.2007. u 20:50 - pre 208 meseci
@ppavlovic & dejanc

Mislim da nemate pojma o cemu pricate! Nisam ja prevodio nikakav clanak. POkusaj ti nesto prevesti iz nekog debilnog clanka pa mi reci da li znas sta jew WEB 2.0.
Jedini problem kod svega ovoga je samm pojam WEB 2.0, nista drugo. A vi mi pokusajte objasniti suprotno ako mislite da bi me oborili.

A usput da jos vama dvojici samo kazem da sam procitao tonu knjiga na tu temu.Knjige koje vi nikada nista ni culi ni vidjeli a kamoli skontali nesto oko toga. Vjerovatno ste vi oni koji sve odbacuju i prave se pametnim.
 
Odgovor na temu

VladaSu

Član broj: 31634
Poruke: 1099
212.200.52.*



+218 Profil

icon Re: AJAX, DHTML i PHP u praksi12.02.2007. u 07:52 - pre 208 meseci
Ispadne da ako ne koristim blogove, tagove, gradient, ajax, ako korisnici ne kreiraju moju stranicu....... onda moja stranica nije Web 2.0 i ja sam zaostao? :)
A onaj koji ugura blog u stranicu a niko ga ne koristri onda je ta stranice web 2.0?
Misim da se sama ideja kod organizacije sajta u smislu dizajna i funkcionisanja ne moze nazvati web 2.0.
Uvek nova verzija necega donosi nesto novo.
Mogu da kazem ako pravite crno-bele sajtove to je web 7.0 ili ako koristite potpuno okrugla dugmad to je web 8.0 ...?
Zasto se moraju pratiti ti "standardi", ko ih smislja...? Nemojte reci samo - korisnici!!!!

Cak sam na netu nasao web 2.0 validator !!!!!!!

CallMeSaMaster:"Jedini problem kod svega ovoga je samm pojam WEB 2.0, nista drugo."

Tu se slazem.
[Ovu poruku je menjao VladaSu dana 14.06.2003. u 11:22 GMT+1]
 
Odgovor na temu

Rocha

Član broj: 60737
Poruke: 7
195.252.85.*

Sajt: jroller.com/page/rocha84


Profil

icon Re: AJAX, DHTML i PHP u praksi13.02.2007. u 23:21 - pre 208 meseci
Citat:
zele da imaju mogucnost lake izmene podataka u tabelarnom prikazu, sto za Web predstavlja problem


Not with JSF-Java Server Faces my son.

check out demo: http://support.jscape.com/webgalileofaces/

i levo izaberi Table/Advanced Features

A i ostale stavke su vise nego zanimljive
 
Odgovor na temu

extramedia
Nemanja Milenkovic
Padinska Skela

Član broj: 78055
Poruke: 95
*.donet.co.yu.



Profil

icon Re: AJAX, DHTML i PHP u praksi17.02.2007. u 13:25 - pre 208 meseci
Pozdrav svima,

Zainteresovan sam za WEB 2.0 tehnologije (kako god se to sad definise :)

Pa evo moje neke primene AJAX-a u praxi.
Napominjem da je implementacija AJAX-a u test fazi, pa zato svako ko poseti www.web-kupovina.com ima opciju da ukljuci/iskljuci koriscenje AJAX-a na sajtu.

I naravno.... kako upotreba AJAX-a utice na SEO???



Voleo bih da cujem neke komentare.
Pozdrav.

[Ovu poruku je menjao extramedia dana 17.02.2007. u 15:32 GMT+1]
 
Odgovor na temu

Nemanja Avramović
Engineering Manager
MENU Technologies
Beograd, Srbija

Moderator
Član broj: 32202
Poruke: 4391
212.200.145.*

Sajt: https://avramovic.info


+46 Profil

icon Re: AJAX, DHTML i PHP u praksi19.02.2007. u 00:59 - pre 208 meseci
Pa pretraživači još uvek nisu toliko pametni da aktiviraju JS, tj. da pokupe rezultate javaskripta (ili možda jesu a aj sam nešto propustio? ) tako da ga ne treba koristiti nešto preterano (recimo ne treba menjati čitavu stranicu klikom na link koji poziva ajax funkciju za izmenu stranice) ali neke sitne, nebitne stvari se mogu raditi uz pomoć ajaxa (recimo glasanje na anketama, kada se posle glasanja ajaxom dovuku i prikažu rezultati na mestu ankete). Takođe, negde gde uopšte ne zaviruju pretraživači (primer: mailbox - GMail) se isto može koristiti ajax.
Laravel Srbija.

[NE PRUŽAM PODRŠKU ZA PHP PREKO PRIVATNIH PORUKA!]
 
Odgovor na temu

japan

Član broj: 34328
Poruke: 480
*.bvcom.net.



+13 Profil

icon Re: AJAX, DHTML i PHP u praksi19.02.2007. u 03:13 - pre 208 meseci
http://www-128.ibm.com/develop...library/wa-ajaxtop1/index.html
http://www-128.ibm.com/develop...library/wa-ajaxtop2/index.html
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: AJAX, DHTML i PHP u praksi19.02.2007. u 08:09 - pre 208 meseci
Citat:
Nemanja Avramović:Pa pretraživači još uvek nisu toliko pametni da aktiviraju JS, tj. da pokupe rezultate javaskripta (ili možda jesu a aj sam nešto propustio? ) tako da ga ne treba koristiti nešto preterano (recimo ne treba menjati čitavu stranicu klikom na link koji poziva ajax funkciju za izmenu stranice) ali neke sitne, nebitne stvari se mogu raditi uz pomoć ajaxa (recimo glasanje na anketama, kada se posle glasanja ajaxom dovuku i prikažu rezultati na mestu ankete). Takođe, negde gde uopšte ne zaviruju pretraživači (primer: mailbox - GMail) se isto može koristiti ajax.

Uvek možeš napraviti da ukoliko browser ne podržava ajax ili javascript, ili se radi o pretraživaču, da stranica i tada bude dostupna i da se sve odvija na klasičan način, da se stranica klikom na neki link ponovno učitava.

Npr. ukoliko se klikom na neki link pomoću XHR dovlače neki podaci:
Code:

<a href="get_some_data.php" onclick="return !get_some_data_with_ajax();">get data</a>


a js bi bio npr.
Code:

function get_some_data_with_ajax() {
  if(hasAjax()) {
    // get data with ajax
    return true;
  } else {
    // no ajax
    return false;
  }
}


Dakle gore klikom na link "get data", ukoliko browser ne pordžava XHR ili JS, ili dođe do nekih problema sa prenosom podataka, korisnik će biti preusmeren na stranicu get_some_data.php gde možeš da mi prikažeš iste podatke.
Banned - Not available
 
Odgovor na temu

Nemanja Avramović
Engineering Manager
MENU Technologies
Beograd, Srbija

Moderator
Član broj: 32202
Poruke: 4391
212.200.145.*

Sajt: https://avramovic.info


+46 Profil

icon Re: AJAX, DHTML i PHP u praksi19.02.2007. u 12:26 - pre 208 meseci
Pa dobro, tu si u pravu. Nisam razmišljao u tom pravcu
Laravel Srbija.

[NE PRUŽAM PODRŠKU ZA PHP PREKO PRIVATNIH PORUKA!]
 
Odgovor na temu

extramedia
Nemanja Milenkovic
Padinska Skela

Član broj: 78055
Poruke: 95
*.donet.co.yu.



Profil

icon Re: AJAX, DHTML i PHP u praksi19.02.2007. u 12:38 - pre 208 meseci
Tja.. pa dobro... dakle AJAX generalno smrdi za SEO, osim u slucajevima sitne primene.....

Ok, ja sam u svakom slucaju ostavio posetiocima izbor.. ocesh/neceh.. pa ko zeli brzu navigaciju, nek ukljuci, ko nece, ne mora.

Ajd' u zdravlje
 
Odgovor na temu

stealth167
MKD

Član broj: 96910
Poruke: 49
85.30.68.*



Profil

icon Re: AJAX, DHTML i PHP u praksi14.03.2007. u 02:36 - pre 207 meseci
Hm.. web 2.0, ajax, JS, php i ostalo nisam bas neki strucnjak, ali evo vam prakticne primene
Ideja mi je bila 'brzi' sajt, bez glupih reklama adwera, flashova i nepotrebnih banera.
Procitao sam negde Ajax, video primer 'Hello world' i upotrebio ga u praksi
koristim jedan 'div' za prikaz podataka, jednu JS funkciju da bih u 'divu' prikazao podatke (putem xmlHTTPRequest ako je u pitanju Firefox ili ActiveX ako je IE) i jedan ajax.php za generisanje podataka.
pa sad... sajt je vrlo brz, u 90% slucajeva radi (vise manje ???) i jedino me interesuje kako to 'ako browser ne podrzava ajax' da prikazem podatke? Br@nkoR moze malo detaljnije
e da, jel sam vec pomenuo da mi je ovo prvi sajt koji sam uopste nekad uradio?
link je MojaWebProdavnica
ima samo jedan bag koji ne znam kako da popravim. naime ako se pristupi sajtu bez ukucanog www. ne rade linkovi dok se ne klikne prvo na 'PROIZVODI' da bi se ucitao index.php?
 
Odgovor na temu

[M4rk0]
Administrator
Mostar

Član broj: 27314
Poruke: 88
87.250.113.*

ICQ: 47203293
Sajt: www.mostarac.net


Profil

icon Re: AJAX, DHTML i PHP u praksi05.05.2007. u 23:46 - pre 205 meseci
Ja bih samo zelio nadodat kako je po meni Web 2.0 donio u svijet upotrebu TAG-ova i novog programskog jezika Ruby...
 
Odgovor na temu

dr ZiDoo
Banja Luka

Član broj: 189
Poruke: 1728
87.250.121.*

Jabber: ZiDoo@elitesecurity.org
ICQ: 299539598
Sajt: zidoo.geek.rs.ba


Profil

icon Re: AJAX, DHTML i PHP u praksi12.05.2007. u 21:48 - pre 205 meseci
web2.0 je turbo folk, ali zesci ;)
tu nema kašike....
 
Odgovor na temu

01011011

Član broj: 561
Poruke: 2341
*.mibanc.net.



+2 Profil

icon Re: AJAX, DHTML i PHP u praksi12.07.2007. u 18:44 - pre 203 meseci
Citat:
dr ZiDoo: web2.0 je turbo folk, ali zesci ;)



Najbolji zakljucak koji sam do sada cuo :) Toliko su se svi nalozili na ovo pa to me je dovelo da sad zadnjem klijentu radim staticnu html stranicu i da ga ubijedim kako je to najbolje za njegov posao, a sledece godine cu ga ubijediti kako treba ipak da ga prebacimo na novije tehnologije sa CMS :) HAHA
 
Odgovor na temu

extramedia
Nemanja Milenkovic
Padinska Skela

Član broj: 78055
Poruke: 95
*.wifi.gonet1.co.yu.



Profil

icon Re: AJAX, DHTML i PHP u praksi12.07.2007. u 19:56 - pre 203 meseci
Hahahahahha...

Skroz si u pravu.

Al' znash kako.... kada je sujeverje popularno, ne treba se toga zgrozavati, nego kao onaj tarot lik, zasuci rukave i zgrni lovu

BTW... Ne daj boze da ti je zadnji klijent
 
Odgovor na temu

stough_ser
stojadinovic milan

Član broj: 57571
Poruke: 84
*.beobug.com.



Profil

icon Re: AJAX, DHTML i PHP u praksi09.01.2008. u 00:23 - pre 197 meseci
ljudi...
ja sam pochetnik u PHP-u
a sad naisho na AJAX
i odushevio se ;)

mislim... Javascript i xml nisam radio ranije
al skapiro osnove ajaxa kad koristimo metodu GET

al nikako da nadjem kako da formu u kojoj koristim POST
"provuchem" kroz ajax :(

moze li neko da mi pomogne?
 
Odgovor na temu

kazil
Robert Bašić
Full time PHP dev :)
Bačka Topola - Novi Sad

Član broj: 120044
Poruke: 686
*.cable-3.sattrakt.net.

Jabber: robertbasic@elitesecurity.org
ICQ: 446475288
Sajt: robertbasic.com


+2 Profil

icon Re: AJAX, DHTML i PHP u praksi09.01.2008. u 06:19 - pre 197 meseci
evo ti primer kako radi sa POST metodom. Ovde je cela jedna js funkcija. Ovde content-type header mora biti onaj application/x-www... a sa druge strane mislim da moze biti koji god, ja koristim text/plain.
Code:

function PromeniTekst(){
    
    var xmlZahtev = null;
    var podaciSaForme = '';
    podaciSaForme += 'id_tekst=' + document.getElementById("id_tekst").value;//pokupi podatke sa forme

    try{
        xmlZahtev = new XMLHttpRequest();
    }
    catch(error){
        try{
            xmlZahtev = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(error){
            try{
                xmlZahtev = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (error){
                xmlZahtev = null;
            }
        }
    }
    
    if (xmlZahtev != null){

        xmlZahtev.onreadystatechange = stateChanged;
        xmlZahtev.open("POST","ajax_response.php?cmd=promeni_tekst",true);//ovako mozes mesati POST i GET
        xmlZahtev.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlZahtev.setRequestHeader("Content-length",podaciSaForme.length);
        xmlZahtev.setRequestHeader("Connection","close");
        xmlZahtev.send(podaciSaForme);//ovo su podaci koje saljes
                
    }
    else{
        alert("Nisam uspeo da napravim xRequest");
    }
    
function stateChanged(){

    if(xmlZahtev.readyState==4 && xmlZahtev.status == 200){

        document.getElementById("rez").innerHTML = xmlZahtev.responseText;
        OsveziTabelu();
        
    }
    else{
        document.getElementById("rez").innerHTML = 'Ucitavam...';
    }
    
}
    
}
 
Odgovor na temu

stough_ser
stojadinovic milan

Član broj: 57571
Poruke: 84
*.beobug.com.



Profil

icon Re: AJAX, DHTML i PHP u praksi09.01.2008. u 13:48 - pre 197 meseci
hvala
prostudiracu danas...
 
Odgovor na temu

rajkoBekrija

Član broj: 123164
Poruke: 53
*.broadband.blic.net.



Profil

icon Re: AJAX, DHTML i PHP u praksi18.04.2008. u 01:57 - pre 194 meseci
Eh ovako mislim da definicija web 2.0 je nesto sasvim drugo, sto mi je cudno da se doticni master nije dotakao.

U odnosu na prethodni web standard, tu se uvodi citavo stablo stranice, tako da se moze svakom elementu cackati recimo po styles atributima, itd...

Evo mog prvenca, moj sav js code

Konkretno kroz citavu komunikaciju ide konverzija u utf8 -> base64 -> json pa onda post request + sve display kroz fast fade engine :), tako da su usernameovi, passwordi , bla, bla, bla zasticeni.
Ukoliko ne fercera js onda se sve staticno sklapa i upucava, extra za seo.

Takodje sam razvio i cooltables :P
Pokusajte selektovati neke redove ove tabelice pa onda klik na naziv kolone da je sortira

http://midnht.freehostia.com

 
Odgovor na temu

[es] :: PHP :: AJAX, DHTML i PHP u praksi

Strane: 1 2

[ Pregleda: 20645 | Odgovora: 38 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.