Téma: JavaScript
Mindenféle bigyó, ami javascript-et használ a működéséhez. Többnyire honlapon effektek.
Az alábbiakban láthatod az ehhez a témához tartozó összes bejegyzést, időrendben visszafelé.
Ha kíváncsi vagy az egyik bejegyzésre részletesen, kattints annak címére, vagy az alatta levő linkek valamelyikére!
Írta: Venemo - Eddig megnézve: 198 - Dátum: 2009. 10. 12. 3:58
Ma is gyarapodtam egy szép tapasztalattal webfejlesztés terén, mégpedig használatba vettem egy egészen jó szövegszerkesztőt, a TinyMCE-t. Gyakorlatilag ez egy egészen jó cucc, mivel mindenféle jó dolgot tud, amire nekem szükségem van. 
Naosz! Mi lenne az? Jöhet a jogos kérdés. És a válasz sem késik: amikor egy új bejegyzést írtam, eddig nem volt más választásom, mint vagy plain text-et (puszta szöveget) beírni, vagy kézzel írni HTML-t minden egyes bejegyzésnél, amikor akartam valamit.
És most voilá! Az elmúlt 2-3 órát azzal töltöttem, hogy kijavítottam egy kellemetlen hibát a regisztrációnál, aztán tanulmányoztam, és testre szabtam a TinyMCE-t, és beintegráltam a blogmotorba. Így most mindig, mikor írok egy bejegyzést, egy kellemes szerkesztőfelület fogad. És persze lehet vele szmájlikat beszúrni! 
(Ezt a bejegyzést már azzal írom!)
Azt hiszem, a TinyMCE lesz a szerkesztő, amit ezután örökkön-örökké használni fogok majd. (Akit érdekel, itt talál egy csomó infót róla.)
Természetesen Oden is megkapta ezt a kis meglepit, és a javításokat is. De pszt! Ne áruljátok el neki! 
Tovább... »
Írta: Venemo - Eddig megnézve: 349 - Dátum: 2009. 04. 22. 0:22
Mai munkám gyümölcse inkább látványos, mintsem hasznos. Persze azért haszna is van. Biztosan észrevetted a lap jobb felső sarkában, hogy csináltam egy kis pici naptárat. Ez szépen kiemeli, hogy melyik hónapban mikor került új bejegyzés a blogba, rá lehet klikkelni, és az archívum megfelelő pontjára visz. A kis nyilakkal a hónap neve mellett lehet lapozgatni, ehhez ASP.NET AJAXot használ. Régóta akartam már egy ilyet, mert kíváncsi voltam, hogyan is működhet. :)
A másik: a belépő és a kereső gombot lecseréltem egy kis grafikára, hogy jobban nézzen ki. Lényegében ennyi.
SZERK. Időközben a naptárral felmerült gondokat és az IE6 alatti galibát megoldottam. Továbbra sem sikerült azonban rávenni az IE6ot, hogy a kép mögötti sötét csíkot is odategye, valamint, hogy a naptárral a megjelenítésen kívül bármit is kezdjen. Mindenesetre örülök neki, hogy nem tette tönkre a megjelenést. Egyébként az általa megvalósított funkcionalitás IE6 alatt is és egyébként is enélkül is elérhető maradt az archívum menüvel.
És a másik: Visszakerült az oldalra a régi JavaScriptes menüeffekt, apróbb csiszolással! Fantasztikusan remek, nem igaz? Ki lehet próbálgatni, ha az "Archívum" és "Témák" menüpontokra viszed az egeret.
Ezen kívül írtam egy kis dumát a "További információ" részbe is. Nem mintha olyan sűrűn akarná olvasni majd bárki is. :P
Tovább... »
Írta: Venemo - Eddig megnézve: 302 - Dátum: 2009. 01. 26. 1:08
Eljött az ideje, hogy alkossak valami szép, egyszerű, és vidám design-t a blogomnak, mert az előző már olyan lehangoló volt, hogy én magam sem néztem túl gyakran.
Ez úgy következett be, hogy eszembejutott egy korábbi alkotásom, és az, hogy azt kicsit átszabva milyen jót lehetne már csinálni... És bumm, lett ez!
Akinek tetszik vagy nem tetszik, írjon kommentet, és fejtse ki, miért! (Krys, ha ide tévedsz, tőled a szokásos műelemzést várom... :P)
Most jön a technoblabla:
Kicsit alakítgattam, kicsit teszteltem, és végülis feltettem a netre. Utána eszembe jutott az IE6 nevű förmedvény... Felraktam magamnak egy Virtual PC-t, amin egy Windows XP van IE6-tal, és azt kaptam, amit vártam. Természetesen elcseszte a png-háttereket (az oldal teteje, és a sötét csík a menüsor mögött), így hát muszáj volt tennem valamit. Ha már lúd, legyen kövér, gondoltam, és a virtuális gépre feltelepítettem minden jelentősebb böngészőt. A Google Chrome és a Safari is elcsúsztak, de azokat plusz pár sor css-sel megoldottam. Az IE7-8, a Firefox és az Opera tökéletesen megjelenítette az oldalt. Szórakoztam egy sort az AlphaImageLoader nevű szarral JavaScriptben, egy kis trükközgetés után már nem csesződött el a teteje... a sötét csíkot nem tudtam megoldani IE6 alatt egész egyszerűen. (Meg még a pontozott vonalat sem támogatja, de az halott ügy...)
Tehát akkor az oldal a felsorolt böngészők mindegyikével kompatibilis lett, végülis. :)
Tovább... »
Írta: Venemo - Eddig megnézve: 411 - Dátum: 2008. 11. 13. 13:57
Már egy ideje foglalkozom a kérdéssel, hogy a blognak égető szüksége lenne valami szép, új, friss designra. Éppen ezért elkezdtem kísérletezgetni, és csináltam némi módosítást az előzőhöz képest.
Persze ez még elég messze van a véglegestől, ugyanis rájöttem, hogy ha ezt próbálom toldozni-foltozni, nemigen lesz már ennél jobb. Elkezdtem azt csinálni, amit ilyenkor mindig szoktam - keresgélek a weben szép és jó honlapokat, amik tetszenek, és megpróbálok ötleteket és ihletet meríteni. :)
Addig is itthagyom ezt a "télies" fehér design-t.
Tovább... »
Írta: Venemo - Eddig megnézve: 389 - Dátum: 2008. 07. 04. 3:13
Végre sikerült elkészítenem ezt az oldalt is. :) Mindenkit, aki olvassa ezt a blogot, megkérnék, hogy nézze meg a lapot, aztán írjon nekem ide egy kis véleményt róla! Minden építő és kreatív hozzászólásnak örülök. (A nem ilyeneken meg csak röhögök.)
Szóval. Maga az oldal Krys hathatós segítségével készült, aki időt és energiát nem sajnálva tanácsaival és javaslataival segített minden egyes apró szösszenet megcsinálni a dizájnban. Nélküle nem lenne ilyen szép.
Az Életreform egyébként az egyik korábbi munkám, a Citromsuli ASP.NET-ben megírt motorját használja, néhány (10 percet igénybevett) apró javítással, módosítással. Nem az igazi, de evvan.
Megfigyelhető, hogy az oldal PNG képeket és áttetszőséget használ az effektekhez. Azonban az IE6 ezeket nem szereti. Erre itt van a megoldás. :) Egy aprócska JavaScript-ről van szó, ami AlphaImageLoader-t tesz az elemek filterei közé. (Meglehetősen szabványtalan, ezért csak az IE6-ot részesítem ebben a kegyben.)
Mégegyszer a link: http://www.eletreformtabor.hu. Bátrabbak ékezetesen is kipróbálhatják, úgy is működik! (Természetesen nem IE6 alatt...)
Tovább... »
Írta: Venemo - Eddig megnézve: 465 - Dátum: 2008. 06. 08. 5:20
Két aranyos JavaScript függvény, amikkel mókás megjelenítési és eltüntetési effektet lehet csinálni.
Ilyet tettem a blog menüjébe is. (Vidd az egeret az "Archívum"-ra, aztán a "Kategóriák"-ra!)
SZERK. Januárban redesign óta ezt az effektet kiszedtem. Később lehet, hogy beteszem újra.
SZERK. 2. Áprilisban visszatettem ismét. Élvezzétek! :)
var currentlyIncrementing = { };
function incrementHeight(id, maxHeight, isAutoCalled)
{
if (isAutoCalled == false)
{
currentlyIncrementing[id] = true;
currentlyDecrementing[id] = false;
}
if (currentlyDecrementing[id] != true)
{
element = document.getElementById(id);
if (element.offsetHeight < maxHeight)
{
if (maxHeight - element.offsetHeight < 5)
element.style.height = maxHeight + "px";
else
element.style.height = (element.offsetHeight + 5) + 'px';
setTimeout('incrementHeight("' + id + '", ' + maxHeight + ', true)', 10);
}
else
currentlyIncrementing[id] = false;
}
}
var currentlyDecrementing = { };
function decrementHeight(id, originalHeight, isAutoCalled)
{
if (isAutoCalled == false)
{
currentlyDecrementing[id] = true;
currentlyIncrementing[id] = false;
}
if (currentlyIncrementing[id] != true)
{
element = document.getElementById(id);
if (element.offsetHeight > originalHeight)
{
if (element.offsetHeight < 5)
element.style.height = "0px";
else
element.style.height = (element.offsetHeight - 5) + 'px';
setTimeout('decrementHeight("' + id + '", ' + originalHeight + ', true)', 10);
}
else
currentlyDecrementing[id] = false;
}
}
Az alapja Odené, én meg felturbóztam, hogy alkalmas legyen ilyen célra is. (Meg lehet figyelni, hogy ugyanazt az elemet soha nem növeli és csökkenti is egyszerre, tehát nem kerül így végtelen ciklusba és nem is akad össze.)
Tovább... »