January 21st, 2010
Mint már tegnap említettem, egyre többet használom a jQuery-t a honlapok kódolásakor, ezért úgy döntöttem, hogy megpróbálom néhány írásban összefoglalni a nyelv alapjait. Ez az első ilyen cikk, ezért azoknak ajánlom olvasásra, akik még egyáltalán nem foglalkoztak ezzel a kiegészítővel, vagy akik nincsenek tisztában az effektek működésével.
Írásomban összeszedem, hogy miként is működik egy jQuery program és hogy mik a legalapvetőbb effekt utasítások, amiket használni érdemes és kell. Akik egyáltalán nincsenek tisztában a HTML kóddal és az alapvető Javascript nyelvvel, azok először ezeknek nézzenek utána, mert ahhoz, hogy az ember megértsen egy komplexebb nyelvet, jobb ha ismeri annak az alapjait. Persze azért nem kell az Assembly-vel kezdeni!
Tovább »
Tagek: alapok, javascript, jquery
Kategóriák: javascript | 4 hozzászólás »
January 19th, 2010
A napokban jelent meg az új, 1.4-es verzió jQuery JavaScript fejlesztői környezetből, ezért úgy gondoltam ideje egy bejegyzésben megemlékeznem róla nagy vonalakban. Mi az a jQuery? Mire jó? Használjuk vagy ne használjuk?
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
- jQuery.com
Láttátok a főoldalon a portfólióm részt? Nagyjából egy óra alatt megvolt, a nulláról. Vagy a Webidea legördülő menüit? Fél óra. Sorolhatnám az ehhez hasonló példákat, vagy írhatnék a végtelen felhasználási lehetőségről, de ezzel sokan foglalkoztak már, így inkább egy kicsit az általános működésről és a jQuery User Interface-ről, azaz a jQuery-hez fejlesztett grafikus segédkörnyezetről írnék.
Tovább »
Tagek: javascript, jquery, jquery ui, tutorial, ui
Kategóriák: javascript | 4 hozzászólás »
May 12th, 2009
Ma elég huzamos ideig törtem a fejem és bújtam a fórumokat mire sikerült találnom egy olyan megoldást, amivel fel tudok tölteni egy fájlt anélkül, hogy frissülne az oldal. Hogy ez miért is kellett? A Kajdócsi Építész Stúdió adminisztrációs felületén dolgoztam és – bár később szántam-bántam, de – azt találtam ki, hogy amikor egy bizonyos bejegyzést – esetünkben munkát – szerkeszt az ember, lehessen “on-the-go” fájlokat feltölteni. Nem akarjuk ugyanis egy külön elküldött form miatt az összes módosítást elveszteni, ugye?
Szóval nekiálltam, hogy akkor megtanulom a jQuery Ajax metódusait, de szerencsére ráakadtam egy nagyon hasznos kis kerülőre. Ezt fogom most megosztani veletek.
Tovább »
Tagek: Ajax, CSS, fájl, feltöltés, form, html, javascript, PHP, űrlap
Kategóriák: Ajax, CSS, PHP, javascript | 1 hozzászólás »
May 6th, 2009
Hogy mi is az a CSS? A web(lapok) egyik legfontosabb összetevője. A CSS nélkül szerintem még mindig valahol a web őskorában járnánk és a Netscape Navigatoros weblapoknál még mindig nem nagyon lehetne szebbeket készíteni, esetleg csak hosszú-hosszú HTML kódsorok megírásával. A Cascading Style Sheet egy “hálóközileg” elfogadott webes nyelv, amit a böngésző fordít le, dolgoz fel és a honlapok grafikus részleteinek megformázását teszi egyszerűbbé és könnyen módosíthatóvá. Például körülbelül 5 sor szöveggel megformázható elfogadhatóra egy bekezdés (<p>), hogy egyedi betűtípusa, betűmérete, színe és sorköze legyen. Hasznos, nem?
A nyelv maga jelenleg a kettes és hármas verzió között stagnál, a legtöbb böngésző (Firefox, Safari, Chrome) támogatja a hármas verzió nagyrészét (kb 80%), de a jó öreg IE persze megint csak le van maradva: bár az IE8 kezd ledolgozni a lemaradásából, még így is sok-sok munkaórát kell beleölni a sitebuildereknek, ha CSS3 kód részeket is írnak IE8-ra.
A továbbiakban megnézzük, hogy hogyan is működik és mikre is lehet használni a CSS-t.
Tovább »
Tagek: chrome, CSS, css3, firefox, internet explorer, kezdő, safari
Kategóriák: CSS | Még nincs hozzászólás »
May 4th, 2009
Ebben a cikkben egy adatbázist fogunk lapozható formára bontani. Nagyon hasznos ez a funkció, főleg egy nagyobb MySQL adatbázisnál, amikor az embernek többszáz recordja van egy táblában és ezeket szeretné a felhasználóknak valami átlátható formában megjeleníteni. Igazság szerint az alább leírt lapokra bontás talán a legegyszerűbb megoldása ennek a funkciónak, de remélem, hasznos lesz számotokra. Az alább összefoglalt függvényt az AlbérletPlusz.hu oldalhoz készítettem, ahol jelenleg is ez a PHP szkript felelős az oldalakra bontásért. Kezdjünk is hozzá.
Először is vegyük gyorsan sorra, hogy mire van szüksége az embernek egy lapozhatóan megjelenő tartalomhoz: honnan kezdődjön a lekérdezés a MySQL táblából és meddig tartson. Igazából a legnehezebb dolog itt nem a táblából való lekérdezés, hiszen azt egy sima “SELECT * FROM tabla LIMIT x, y” paranccsal megoldhatjuk, ahol x az eltolás mértéke (tehát, hogy honnan kezdjük az adatok lekérdezését), y pedig a megjelenítendő elemek száma (hmm, milyen érdekes, pont ezekre van szükségünk egy jól működő lapozás funkcióhoz, micsoda szerencse); a bonyolult funkció a lapok számának dinamikus kiírása, mondjuk egy ilyesmi formában:

Ezt fogjuk most megírni.
Tovább »
Tagek: függvény, function, lapozás, PHP, programozás
Kategóriák: PHP | 14 hozzászólás »