jQuery, AJAX, PHP Message box

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 13 Okt 2012 15:47

Evo mene opet.
Dobio sam ideju napraviti sistem za poruke u jQuery, AJAX i PHP.
Naime, bio bi link gde bi pisalo imate 3 poruke u sandučetu. Kliknem na taj link, zatamni se ekran, otvori se jedan popup DIV i u njemu čitam poruku, odgovaram na nju i kada završim gasim a da ne osvežavam ni jednu stranicu na kojoj sam trenutno. To mi treba za moj Admin panel koji trenutno radim za svoj CMS. Ideja je da par administratora pričaju međusobno dok moderiraju da ne koriste skype, FB ili slično. već direkt na sajtu.

Da li ima već nešto gotovo ili ako mi možete dati smernice ili neki kod koji bi pomogao?
Mora komunicirati sa PHP jer bi u SQL-u radio snimanje poruka i ostalo...
Hvala mnogo...

Dopuna: 13 Okt 2012 17:25

Da li da uradim sve u iFrame?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ja iz nekog razloga nikad nisam voleo da koristim iFrame. U principu i u DIV-u možeš da radiš sve. Prednost iFramea bi bila ta što ne "pretrpavaš" jednu stranu kodom, a mana bi bila to što bi browser morao opet da učitava jQuery i sve funkcije neophodne za funkcionisanje tvog sistema. Iako ostane keširana sama .js datoteka, računar mora opet da procesuira sve informacije ispočetka. Ne mogu sad da nađem ali sam negde našao "lekciju" čoveka koji je preračunao koliko top 100 000 sajtova na internetu zahtevaju vremena da se učitaju. I pravilo je da je tek nešto ispod 20% vremena preuzimanje datoteka a ostatak procesuiranje na klijent mašini.
Eto, čisto da obrazložim zašto izbegavam iFrame i preferiram DIV.

A ovo što želiš nema neke velike nauke. Ima dosta da se napravi koda ali ne bi trebalo da bude komplikovan. Napravi plan kako bi funkcionisalo. Moja ideja.

1. Funkcija koja proverava u određenom intervalu stalno da li ima novih poruka: ukoliko ima->prikaži broj novih poruka u nekom elementu.
2. Veži ".click" event tog elementa da prikaže na ekranu novi sistem elemenata u kome će se prikazivati same poruke.
3. Pri prikazu elemenata učitaj tekst poruka i nastavi da proveravaš za nove, ukoliko postoje, dodaj ih.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ideja ti je dobra. Znam za Iframe zaato hoću da ga izbegnem. Ja sve darim u DIV-u i izbegavam sve što je van toga. Treba mi sledeće:

1. Funkcija koja proverava i prikazuje broj novih poruka kao link.
2. Klikom na link se otvara "pop-up" gde se prikaže lista novih poruka i pročitanih poruka plus textarea za pisanje nove poruke korisnicima.
3. Klikom na neki naslov poruke, prikaže celokupnu poruku i ispod je forma za odgovor na nju.

To je sve u kratko. Ja ću lako implementirati PHP u sve to, CSS, HTML najmanji problem ali me muči Javascript.

Sa AJAX-om sam nešto probao, dobio što hoću ali na prvi pogled. Posle mi problem pravio refresh, pa submit, pa otvaranje novih poruka... huh... Na kraju sam pukao i hteo uraditi u iFrame.

Samo mi treba da se administratori mogu "domunđavati" kada rade jer baš juče jedan kolega popunjava jedan shop i sve naopako uradio, pogrešno povezao dobavljače i kategorije sa artiklima a Skype isključen, na Facebook-u nije online, Gmail nije gledao a baterija mu crkla. Poludeo sam na kraju dok ga nisam dobio kasno uveče i danas preko 200 artikala mora menjati samo zato što nisam imao kontakt formu u administraciji...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 14 Okt 2012 0:42

Što se toga tiče dobra je stvar "zaključavati" izmenu kad je već otvorena tj staviti da ne mogu dvoje menjati te stvari odjednom. Mana je naravno to što nije moguće kooperativno raditi stvari i time ubrzati proces. Hajde probaću ja da ti napravim "suv" kostur toga kako bi izgledalo pa ti pokušaj da skontaš iz njega šta treba da se dešava

Dopuna: 14 Okt 2012 4:22

Baš si zanimljivu stvar postavio, dalo mi je ideju za novi projekat, jQuery Chat plugin

Elem, evo demoa dokle je stiglo:
https://www.dropbox.com/s/y8t5qslkahta53y/PIMessage.avi

Koristi PHP SESSION_ID() da razazna ko je ko, ali se to da promeniti i priključiti login sistemu za sekund.

Jedino što sam ga pravio u obliku jQuery plugina jer mi je tako mnogo lakše i za pravljenje i za korišćenje + se koristi na više sajtova jednostavno kopiranjem foldera

Evo ti koda zasad pa ti vidi šta možeš da izvučeš poučno, pitaj ako ti nešto nije jasno:
https://www.dropbox.com/s/nt6j5hmf6jortbo/PIMessage.rar

U PIMessage/PHP/PIMessage.php fajlu su ti na vrhu klase u konstruktoru promenljive za korisničko ime i šifru i domain baze podataka

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

igorpan ::Napisano: 14 Okt 2012 0:42

Što se toga tiče dobra je stvar "zaključavati" izmenu kad je već otvorena tj staviti da ne mogu dvoje menjati te stvari odjednom. Mana je naravno to što nije moguće kooperativno raditi stvari i time ubrzati proces. Hajde probaću ja da ti napravim "suv" kostur toga kako bi izgledalo pa ti pokušaj da skontaš iz njega šta treba da se dešava

Dopuna: 14 Okt 2012 4:22

Baš si zanimljivu stvar postavio, dalo mi je ideju za novi projekat, jQuery Chat plugin

Elem, evo demoa dokle je stiglo:
https://www.dropbox.com/s/y8t5qslkahta53y/PIMessage.avi

Koristi PHP SESSION_ID() da razazna ko je ko, ali se to da promeniti i priključiti login sistemu za sekund.

Jedino što sam ga pravio u obliku jQuery plugina jer mi je tako mnogo lakše i za pravljenje i za korišćenje + se koristi na više sajtova jednostavno kopiranjem foldera

Evo ti koda zasad pa ti vidi šta možeš da izvučeš poučno, pitaj ako ti nešto nije jasno:
https://www.dropbox.com/s/nt6j5hmf6jortbo/PIMessage.rar

U PIMessage/PHP/PIMessage.php fajlu su ti na vrhu klase u konstruktoru promenljive za korisničko ime i šifru i domain baze podataka

Drago mi je da sam i ja nešto pomogao svojom idejom i potrebom. Pogledaću ovopa da vidim kako funkcioniše u toku sutrašnjeg dana pa da vidim dali može da se implementira a preko PM ću ti poslati link i pristup adminu da vidiš moju ideju pa ako može nešto da se malo modifikuje da radi kako treba pa ćemo nešto i objaviti na forumu.