Aki fejlesztett már tartalomkezelőt, talán belefutott abba a problémába, hogy hogyan lehetne megoldani a tartalomhoz tartozó bevezető szöveg és a több oldal tárolását. A következőben erre próbálunk ötletet adni.

A megoldáshoz egyetlen mezőt használunk, ez fogja tartalmazni a teljes dokumentumot: bevezetőt és a többi oldalt. Annyi a dolgunk, hogy szerkesztéskor jelölni kell - hogy tudjuk mi is és az alkalmazás is-, hogy melyik szakasz hol kezdődik és meddig tart. A következő képpen alkalmazzuk: Read more »

A következő problémára akadtunk:

Adott egy adatbázis, aminek a táblái latin1/latin1_bin kódolásúak. Feladat: adatvesztés nélkül konvertáljuk át utf8/utf8_bin kódolásra az adatbázist. Két módját mutatjuk most be, egy egyszerűt, és nagyon bonyolultat. Természetesen mi a bonyolultat használtuk, mivel szeretjük a konzolt.

Read more »

Korábban már szóltunk a Tablekit-ről, most elkezdtük alkalmazni is. Esetünkben a táblázatot egy Prototype Ajax.Updater küldi, és ezután kívánjuk a táblázatunkat szerkeszteni. Probléma az, hogy ilyenkor automatikusan nem futnak le azok a scriptek, amik az inicializálást végzik el. Két megoldást találtunk ki:

A szebb megoldás:

var myAjax = new Ajax.Updater(
'options',
url, {
method: 'post',
parameters: pars,
evalScripts: true,
onSuccess: setTimeout('TableKit.load()',100)
});
//tehát onSuccess után 100ms-mal meghívjuk a Tablekit.load() függvényt. A timeoutra azért van szükség, mert az onSuccess és onComplete eseménykor még  az "options" div nem tartalmazza a végeredményt.

Nem annyira szép megoldás:

<img src="indicator_medium.gif" onload="TableKit.load(); this.parentNode.removeChild(this);" alt="" />

Updatekor érkezik egy kép is, jelen esetben egy indikátor, melynek onload eseményébe toljuk bele a Tablekit.load() hívást, majd ezzel a lendülettel a képet el is távolítjuk a DOM-ból: this.parentNode.removeChild(this);

Ha van szebb megoldásotok, nehabozzatok. Írjátok meg!

JavaScript String.prototype Extensions

Igen sok függvény hiányzik javascript sting kezeléséből, itt van hát egy kis gyűjtemény, ami kisegíthet minket:

trim , splitrim, escHtml, unescHtml, urlEncode, isEmail, isURL, contains, beginsWith, endsWith, bővebben itt.

http://www.ajax.org/

Eddig még nem említettük, de az ajax.org-on egy igen jó kis demót láthatunk a Javeline Ajax platformjából. Égnek állt a hajunk, mikor megláttunk a letölthető demóban, a platform js-e 440k. Lehet, ezt ki fogjuk hagyni.

Accordion v1.0

Accordion tool-ról már volt szó, érkezett most egy script.aculo.us effect libraryval is. A js-t megnézve egy elég egyszerű kódot láthatunk, és működés közben is szépen muzsikál. Ajánljuk.

Web 2.0 Hard Drives

Ha már nem férnénk otthon a két vagy három számítógépen, a külső 320GB-os merevlemezen, még ott van az internet, és most már web2-es felületen tölthetjük fel fájljainkat egy távoli szerverre.

• http://www.justupit.com/
  A szolgáltatás egyszerű, mint a raklap, csak feltöltés van, feltöltéskor megadhatunk 4 címzettet, és a rendszer elküldi e-mailben a tartalmat.
• https://www.dropboks.com/
  Itt regszitráció nélkül kapásból kapunk 1 GB tárhelyet. Lehetőségünk van egyszerre több fájlt feltölteni, bár ennek a megoldása személy szerint nekem kifejezetten nem tetszett, van erre szebb megoldás is, amit későbbiekben tervezünk bemutatni. A regisztráció leokézása után rögtön olyan lesz, mintha be lennénk jelentkezve, és kapunk egy e-mailt is regisztrációnkról. Az alkalmazás Opera alatt nem működött. Kissé idegesítő a súgó popupok felugrálása, és hiányoltuk a fájl közvetlen eléréséhez a linket.

Rengeteg spam ellenes megoldás létezik, de stylesheetesről még még nem hallottunk. Az elve az, hogy felteszünk egy plusz inputot a formra, amit css-sel elrejtünk (visibility:hidden; vagy display:none;), így a felhasználó nem látja, de spammer botja igen. Read more »

/**
 * HTML linkekké konvertálja a hivatkozásokat egy szövegben
 * @param string $string Szöveg
 * @return string A hivatkozásokat tartalmazó stringgel tér vissza
 */
 function makeLinks($string) {

  return preg_replace("`((http)+(s)?:(//)|(www\.))((\w|\.|\-|_)+)(/)?(\S+)?`ie", "'<a href=\"http\\\\3://\\\\5\\\\6\\\\8\\\\9\">'.substr('\\\\0',0,80).'</a>'", $string);

 }

Ismét egy gyűjtemény, ismét hasznos, lehet tehát ötletet megíteni. Scritacolo, Google, Extjs, DHTMLGoodies, tetlaw.id.au és még sorolhatnánk.

http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/

Egy igen érdekes problémába futottunk. A Google sok olyant is meglát, amit igazán nem kéne neki, és ez teremthet kellemetlen helyzetet. Az történt, hogy egy tesztoldalt (ami egy fejlesztő szerveren van) az adott kulcsszóra a Google előbbre hozta, mint a valós, éles oldalt. Holott jó lenne, ha egyáltalán nem hozná. Tiltsuk ki hát a google-t. Read more »

Egy nagyon jó ajaxos témával foglalkozó gyűjteményre bukkantunk, mely a nevesebb helyekről jeleníti meg a legfrissebb témábavágó bejegyzéseket. Nézzünk meg néhányat.

• 40+ Tooltips Scripts With AJAX, JavaScript & CSS
  Szemrevaló tooltipp ötletek
• Web 2.0 design tutorial
  Itt ne feledjük a 15. pontot: How to Make a Web 2.0-Style Logo, manapság már akkor is web2-esnek mondunk oldalt, ha kint van rajta, hogy béta… no komment
• http://www.web2logo.com/ logogyűjtemény. TIPP!
• AjaxDaddy : ajax minták és demók, ötletes: Transzparens üzenetdoboz pl. formhoz.
• Javascript DOM struktúra : egy nagyon jó, átlátható szerkezettel mutatja be a DOM-ot. ezekkel mi is bajban vagyunk néha
• 15 legjobb CSS Zengarden design,  és az összes pedig itt.

További linkek a  http://www.xmlhttprequest.com/news/ oldalon.

A .htaccess nem más, mint konfigurációs lehetőség az apache-hoz, mellyel könyvtáranként tudunk egyéni beállításokat elvégezni. Kezdőknek igen nehéz belerázódni a szerkezetébe, de a következő post igen érthetően magyarázza el, és még nekünk is mutatott újdonságot.

Read more »