Archive for the 'ajax' Category

Internet Explorer - Lightbox - A művelet megszakadt

A Micro$oftot sem a böngészője miatt szeretjük (de Surface az van), hanem azért, mert kihívásokat állít elénk, hogy kell egy szakosan megírt javascript forrást lebutítani, hogy azt az IE is megértse. Történet a következő:
Az “új” Lightbox 2.04 ( a szinte teljesen újraírt forrásával) már nem a

function initLightbox() { myLightbox = new Lightbox(); }
Event.observe(window, 'load', initLightbox, false);

megoldást használja, hanem a szebb

document.observe('dom:loaded', function () { new Lightbox(); });

Tapasztalatunk szerint:
Ez így magában működik, de ha például saját javascript kódokat is akarunk betöltéskor futtatni akkor két lehetőség van:

document.observe('dom:loaded', function () {
//sajátkód
});
//vagy
Event.observe(window, 'load', function(){
//sajátkód
}, false);

Ha változatlanul hagyjuk a lightboxot, és dom:loaded-et vegyítjük a Event.observe-vel, akkor kapjuk “A művelet megszakadt” üzenetet. Kipróbáltuk, azt tapasztaltuk, hogy két dom:loaded-et sem kedvel az IE. Köszönjük. Az maradt a megfejtés, hogy a lightbox inicializálást át kell írni a “régire”:

online casinoEvent.observe(window,'load',function(){ new Lightbox(); },false);
//document.observe('dom:loaded', function () { new Lightbox(); });
//vagy, kiremeljük a lightboxban az initet, és a saját kodunkban hívjuk meg.
Event.observe(window,'load',function(){
new Lightbox();
//saját kód
},false);

Múkodj!

E-mail ellenőrzés php-ben

Korábban beszéltünk az adatvalidálásról, de sosem lehet elég a jóból. Még mindig akad olyan felhasználó, aki képes kijátszani az emberi értelem határait, és elköveti azt a galádságot, hogy helytelen e-mail címet ír be. Különösképp arra az esetre gondolunk, mikor (kimondva) halvány fingja nincs az e-mail címéről, stbstb. fremail.com, hotmail.hu, citrommail.com és sorolhatnánk. Read more »

CMS - Tartalom rendező

Hamár a CMS-t emlegettem, nézzük meg, hogyan lehetne egyszerűen beállítani például a főoldalon megjelenő elemek (bejegyzések, cikkek, stb., nem layout) sorrendjét. Legyen ez egy híroldal, ahol nem mindig az írások létrejöttének időrendi sorrendjében kell megjelenni a tartalomnak. Ráadásul több hasábunk van, több tartalom csoportból kell választanunk.

Legyen tehát:

  1. cikkek: szerkesztett szöveg
  2. galéria: mezei galéria, képekkel
  3. eseménynaptár: eseménynaptár

Read more »

TV Kommentár

Szerdán kezdtem el, esténként írtam, mára lett kész. Egy minimal alkalmazás a televízióba történek kommentálásához. Lehet anyázni, fikázni, szidni a bírót, Magdi anyust kiröhögni. Látjuk az aktuális műsorokat (balra), a következőket  (alatta) és azokat amikhez éppen hozzászóltak (jobbra). Csak rá kell kattintani a műsor nevére, és már lehet is írni a véleményt. Van mezei chat rész is.

Az oldalt egy db js hajtja, prototype és script.aculo.us alapokon. Az alkalmazás csak firefox alatt használható. Az adatokat 4 másodpercenként kérjük, a választ JSON-ban kapjuk, és dobáljuk szét az adatokat a megfelelő helyekre. RSS is lesz, majd.

Video upload

Egy korábbi postban már bemutattunk egy lehetőséget képfeltöltésre, most ugyanezt tesszük videofeltöltésre is. Tehát kiválasztjuk a fájlokat, igény szerint egyszerre többet is lehet, feltöltjük, előnézetet generálunk a feltöltött tartalomból, esetleg  figyelmeztetjük a kedves felhasználót, hogy ilyen videó vélhetően már lett a korábbiakban feltöltve (elkerülve hogy egy video többször meglegyen). A bemutatóban a már használt swfupload dolgozik.

Bemutató megtekintése 1Mb

Egy egyszerű galéria adminisztráció

Nem tudod hogy vitelezd ki a képgaléria adminisztrációját? Egyszerű kezelhetőséget szeretnél? Tessék! Ötletet adunk!

Powered by: SWFUpload prototype script.aculo.us

Javascript Libraries

Azt hiszem nem kell hozzá semmi körítés: http://javascriptlibraries.com/

400 különféle Ajax, Javascript és a DHTML demo

Aki a múlkori Miniajax gyűjteményben nem talált volna kedvére való megoldást, annak most ismét itt egy nagyszerű válogatás, több, mint 400 kisebb-nagyobb scriptet bemutatva:

http://www.ajaxrain.com/

Tablekit tapasztalat

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!

Csemegék

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.

Következő oldal »