Ajax chat - demó

méret: 5,58 kbyte, sor: 167 (3 fájl)
Kb 6 óra volt, mire elkészült. A próbálgatás vette el az időt, hiszen nem tudtam, hogy kell egy ilyet csinálni. Egy kis töprengés után rájöttem, hogy ha nem fut a szerveren semmilyen program (mint ahogy a facebook csinálja), nincs más opció, egyféleképpen lehet.
Összetevők:

• egy egyszerű design (html integrált css-sel)
• script.js (javascript ami kezel minden eseményt)
• server.php (fogadja a kérelmet és visszapasszolja a chat szövegét) + log file!

Működés folyamata: Betöltődik a honlap, lefut a javascript, ami azonnal meghívja az ajax lekérdezést "üresen", így a server.php nem fogja keresni a http-ben az elküldött üzenetünket, csak reagál. Beírjuk a szöveget, most az ajax már küld stringet a szervernek, ami először eltárolja, majd visszaolvassa az egészet. Így egyszerűbb.
HTTP request gondok: Mint említettem, a facebook chat fala úgy működik, hogy a kliens elküldi a kérelmet, és vár. Vár vár vár. Egyszer csak amikor megváltozik a chat tartalma a túloldalon (valaki írt), a http kérelem lefut, és újra vár a következőre. Így a kliens gépére marad a várakozás és nem a szervert terheli. Ezzel szemben minden fapados próbálkozás, beleértve az Ajax IM-et, állandóan x másodpercenként kér, kap. Ami nem teljesítményigényes, de lefoglalja a szervert.
Probléma #1: a log.txt egy idő után rettenetesen nagy lesz és a szerver belassulhat miatta.
Megoldás #1: a php "a+" hozzáféréssel dolgozik, ergo rögtön a végéről kezdi a műveleteit. 3 gigabájtnyi szöveg van a fájl elején. Semmiség.

Form ellenőrzés - demó

méret: 5,72 kbyte, sor: 154 (2 fájl)
Több ember fogja kitölteni a formot? Lehet, hogy ideges lesz amiért kényszerítem a magyar nyelv helyes használatára...? De ha rosszul írja be, akkor használhatatlan. Dönteni kell.
Összetevők:

• html, inputokkal
• script.js

Működés folyamata: Betöltődik a honlap, a script minden "input" tag-hez (ami nem submit) hozzárendel egy function-t. Majd amikor a felhasználó rákattint, kezdődik a bonyolultabb része. A script szortírozza a "name" attribútum alapján az inputokat, így amelyikben a "mail" szó van, ahhoz a mail ellenőrzést, amelyikben a "name", ahhoz a hivatalos név ellenőrzést társítja és így tovább. Az alt attribútum kitöltésével tudjuk megadni a help doboz szövegét.
A help div az aktuális input offsetje alapján tájolódik be a helyére. Próbálkoztam a timeout-os eltűntetéssel, de ha össze-vissza kattintgatok az inputok között, megőrül úgyhogy inkább kihagytam.
A RegEX filterekért hálás köszönet a regular-expressions.info oldal ultraszuper /regexbuddy részének!. E-mail cím:
Teljes név:
Egy szám:
Bármi:

Képnézegető - demó

méret: 4,7 kbyte, sor: 144 (2 fájl)
Egyszerűen elegem van a sok jQuery-s képgalériából. Mindegyik azzal kezdődik, hogy a jQ ~70-80 kbyte kicsomagolva. Erre jön a minden extrával ellátott képnézegető script.
És persze ha designer vagy és nagyon nem úgy néz ki, ahogy szeretnéd, egy óra, vagy még több is, mire megérted és átjavítod a saját ízlésedre a kódot.
Úgyhogy megírtam ezt. Nincs benne semmi sallang, az egyetlen dolog amit kér, az egy kép. Se CSS, se előre pozicionált DIV-ek, se semmi. Ezt a kódot bármilyen lapba beleillesztheted.
Összetevők:

• html, img tag-ekkel
• script.js

Működés folyamata: A script beolvas minden img tag-et a te kiválasztott container-eden belül, és ha kedved támad rákattintani, előjön egy teljes méretű kép. De el is felejtettem. Ha van "alt" attribútumod kitöltve, megjelenik caption-ben.

Példa:

Admin panel - demó

jelenlegi méret: 75,9 kbyte
Szeretnék EGY admin panelt amit minden honlapon hsználhatok. Ebbe jelentkezik be az ügyfél, itt módosíthatja a tartalmát, amikor csak akarja. Úgy néz majd ki, mint egy wordpress vezérlőpult. Csak persze lényegretörőbb funkciókkal. Összetevők:

• html, css
• script.js lehetséges ajax kérelmekhez
• egy halom php a cikkek kezeléséhez és a többfelhasználós rendszerhez

Működés folyamata: A megrendelő belép a nevével és jelszavával. Ezután választhat a statisztikák, cikkek írása, kommentek visszanézése, felhasználók törlése között.