jQuery pluginy #1

jquery_logo_color_onwhiteV tomto článku sa budem venovať pluginom pre JavaScriptový framework jQuery.

jQery plugin: Organic Tabs

Veľmi často sa jQuery používa na vytvorenie takzvaných tabov. Špecialitou tohoto pluginu je, že animuje aj natiahnutie tabu ak je to potrebné.

Demo | Stiahnutie súborov | Zdroj: CSS-Tricks.com

HTML:

<div id="organic-tabs">
<ul id="explore-nav">
<li id="ex-featured"><a class="current" rel="featured" href="#">Featured</a></li>
<li id="ex-core"><a rel="core" href="#">Core</a></li>
<li id="ex-jquery"><a rel="jquerytuts" href="#">jQuery</a></li>
<li id="ex-classics" class="last"><a rel="classics" href="#">Classics</a></li>
</ul>
<div id="all-list-wrap">
<ul id="featured">
<li><a href="#">Full Page Background Images</a></li>
<li><a href="#">Designing for WordPress</a></li>
<!-- More... --></ul>
<ul id="core">
<li><a href="#">The VERY Basics of HTML &amp; CSS</a></li>
<li><a href="#">Classes and IDs</a></li>
<!-- More... --></ul>
<ul id="jquerytuts">
<li><a href="#">Anything Slider jQuery Plugin</a></li>
<li><a href="#">Moving Boxes</a></li>
<!-- More... --></ul>
<ul id="classics">
<li><a href="#">Top Designers CSS Wishlist</a></li>
<li><a href="#">What Beautiful HTML Code Looks Like</a></li>
<!-- More... --></ul>
</div>
<!-- END List Wrap --></div>
<!-- END Organic Tabs -->

CSS

ul { list-style: none; }
ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
ul li a:hover { background: #fe4902; color: white; }
ul li:last-child a { border: none; } #organic-tabs { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; } #explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#explore-nav li a:hover { background-color: #111; } #jquerytuts, #core, #classics { display: none; } #explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; }
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white; }
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; }

JavaScript

$(function() { $("#explore-nav li a").click(function() { // Figure out current list via CSS class var curList = $("#explore-nav li a.current").attr("rel"); // List moving to var $newList = $(this); // Set outer wrapper height to height of current inner list var curListHeight = $("#all-list-wrap").height(); $("#all-list-wrap").height(curListHeight); // Remove highlighting - Add to just-clicked tab $("#explore-nav li a").removeClass("current"); $newList.addClass("current"); // Figure out ID of new list var listID = $newList.attr("rel"); if (listID != curList) { // Fade out current list $("#"+curList).fadeOut(300, function() { // Fade in new list on callback $("#"+listID).fadeIn(); // Adjust outer wrapper to fit new list snuggly var newHeight = $("#"+listID).height(); $("#all-list-wrap").animate({ height: newHeight }); }); } // Don't behave like a regular link return false; }); });

jQuery plugin: Table sorter

Tento plugin urobí z hlavičky tabuľky prvok ktorým si viete zvoliť radenie dát v tabuľke.

Demo | Stiahnutie súborov | Zdroj: Tablesorter.com

HTML:

<table id="myTable">
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Email</th>
<th>Due</th>
<th>Web Site</th>
</tr>
</thead>
<tbody>
<tr>
<td>Smith</td>
<td>John</td>
<td>jsmith@gmail.com</td>
<td>$50.00</td>
<td>http://www.jsmith.com</td>
</tr>
<tr>
<td>Bach</td>
<td>Frank</td>
<td>fbach@yahoo.com</td>
<td>$50.00</td>
<td>http://www.frank.com</td>
</tr>
<tr>
<td>Doe</td>
<td>Jason</td>
<td>jdoe@hotmail.com</td>
<td>$100.00</td>
<td>http://www.jdoe.com</td>
</tr>
<tr>
<td>Conway</td>
<td>Tim</td>
<td>tconway@earthlink.net</td>
<td>$50.00</td>
<td>http://www.timconway.com</td>
</tr>
</tbody>
</table>

JavaScript

// automatický sorter na všechny sloupce
$(document).ready(function()
{
$("#myTable").tablesorter();
}
);
// pouze první dva sloupce
$(document).ready(function()
{
$("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
}
);

jQuery plugin: Shadowbox

Multimediálny prehliadač. použitelný na zobrazenie galérií, videí alebo stránok v popup okne.

Stiahnutie súborov | Zdroj: Shadowbox-js.com

Príklad použitia HTML:

<link rel="stylesheet" type="text/css" href="shadowbox.css" />
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// let's skip the automatic setup because we don't have any
// properly configured link elements on the page
skipSetup: true,
// include the html player because we want to display some html content
players: ["html"]
});
window.onload = function(){
// open a welcome message as soon as the window loads
Shadowbox.open({
content: '<div id="welcome-msg">Welcome to my website!</div>',
player: "html",
title: "Welcome",
height: 350,
width: 350
});
};
</script>

Koncert: Ika Kraicová

koncert-ikaV sobotu 21. 11. 2009 privítam v Čajovni v podkroví folkovú speváčku z Trnavy Iku Kraicovú.

http://ika.ttlitklub.sk

http://www.myspace.com/ikakraicova

Ika Kraicová po dvojročnej spolupráci s Idou Kelarovou vykročila z vlastného tieňa,
aby naplno rozvinula svoj skrytý talent na samostatných sólových vystúpeniach.
Už prvý dojem z jej účinkovania nenechá poslucháča ľahostajným.
Na pódiu stojí speváčka s dlhými čiernymi vlasmi a tvárou, prezrádzajúcou vyzretú
ženskú osobnosť. Oblečené má šaty s mierne etnickým nádychom. V hnedých rukách
tajuplnej ženy Balongy z rovnomennej piesne drží gitaru, ktorá harmonizuje s celkovým
speváčkiným výrazom. Toto všetko však prestane byť dôležité, len čo sa Ika nadýchne a
prvýkrát udrie do strún. Jej hlas, to je hlas plnokrvnej Amazonky s temperamentom
mladého žrebca. Ešte aj v baladicky ladených piesňach Vlčích žien sa v ňom skrýva
farbistá mozaika emocionálnych výrazov. Vášeň, hĺbka a hnev, radosť s prvkami bolesti,
smútok, ktorý však nie je žalostením, ale najmä tušením niečoho nevypovedaného,
takmer hriešneho. Po prvých tónoch a slovách je jasné, že poslucháč má pred sebou
speváčku s nevšedným umeleckým vybavením a sviežim, nezabudnuteľným prejavom.

Zdroj: Ika

Závislosť na káve? Pite čaj alebo maté.

Zobudila som sa na poobedňajšie slnko, ktoré mi svietilo do tváre. Takmer bezmyšlienkovite som sa dostala do kuchyne. Pudovo som dala variť vodu do kanvice a úzkostlivo čakala na tiché bublanie prezrádzajúce var, ktoré znamená, že som skoro pri cieli. O chvíľku sa kuchyňou rozprestrie omamná vôňa a ja preglgnem dúšok úžasného nápoja zvaného káva.

V stave absolútnej blaženosti, s horúcou kávou v rukách, s napätými zmyslami vychutnávajúcimi tento okamžik som si uvedomila: „Dnes je sobota. Dnes mám piť čaj.“

Nerozumiete, však? Netrápte sa, väčšina ľudí na mňa hľadí s (nanešťastie nie vždy nemým) úžasom, keď im vysvetľujem svoju teóriu o káve a slobode. Jedného krásneho dňa (aj keď si vôbec nepamätám kedy, ale krásne vtedy mohlo byť) som si uvedomila, že jediná vec, po ktorej poobede túžim, je káva. Teda, ak neberieme do úvahy spánok. Ale spať sa v práci nedá. Aspoň v tej mojej nie. Takže, aby som sa vrátila k podstate problému – káva. Nemohla som poobede myslieť na nič iné. Podľa môjho skromného názoru, keď bez niečoho nemôžete byť, je to buď láska alebo závislosť. A keďže s kávou u nás partnerstvá uznané zatiaľ nie sú, uvedomila som si, že som asi závislá na káve.

Ďalšími inteligentnými dedukciami (ktorými vás nebudem zaťažovať) som dospela k názoru, že závislosti sa treba zbaviť, alebo treba dokázať, že nie som závislá. Čiže na dôkaz mojej absolútnej slobody a kontroly nad sebou samou v niektoré dni pijem poobede čaj. Podľa mojich skvelých vedomostí z chémie a celkového všeobecného vzdelania som usúdila, že čaj obsahuje tiež kopec alkaloidov a teda má účinkovať povzbudzujúco… Ale presvedčiť o tom môj mozog nie je také ľahké ako sa na začiatku zdalo.

Krv nie je voda a čaj nie je káva. Aby ste mi rozumeli, čaj je perfektný nápoj. Úžasné variácie vôní a chutí. A pri mojej príprave je zakaždým iný a jedinečný, ale… Ale, nie je to káva.

Tak som skočila na net a objavila niekoľko zaujímavých informácií (o ktorých som netušila, ale to sa nepriznávam). Nezastavila ma ani angličtina. Dozvedela som sa napríklad toto: Kofeín je tiež nazývaný guaranínom, ak pochádza z guarany, mateínom, ak z maté a teínom, ak z čaju. Táto informácia ma dosť vyviedla z miery. Ako to, že kofeín, teín, mateín a guaranín sú to isté? Ako to môže byť tá istá látka? Na strednej škole mi bolo povedané, že čaj obsahuje kofeín a teín. Ako mám tomu rozumieť, učiteľka sa pomýlila? Ale dôkazy boli neodškriepiteľné…

Molekula kofeínu

Molekula kofeínu

Kofeín objavil Friedrich Ferdinand Runge v roku 1819. Tento nemecký chemik taktiež vytvoril pojem „kaffein“, doslova, v káve. V angličtine sa tento názov modifikoval do súčasnej podoby caffeine. (Caffeine – Definitions from Dictionary.com) V čaji bol kofeín objavený v roku 1827 a nakoľko to bola látka izolovaná z čaju, bol pomenovaný ako teín. Neskoršie bol objavený v maté a v mnohých ďalších rastlinách. Nakoniec sa dokázalo, že teín z čaju je totožný s kofeínom z kávy a od pojmu teín sa upustilo. (Ref.: All About Tea by William H. Ukers)

Hmm, čiže ďalší bod pre čaj. Veď ak čaj obsahuje tú istú látku ako káva, mal by účinkovať rovnako. Ale opak je skutočnosťou. V účinkoch prírodných zdrojov kofeínu na ľudský organizmus sú významné rozdiely. Spôsobuje ich skutočnosť, že rastlinné zdroje kofeínu obsahujú taktiež široké množstvo iných xantínových alkaloidov, napríklad známe srdcové stimulanty teofilín a teobromín a ostatné látky ako polyfenoly, ktoré môžu tvoriť nerozpustné komplexy s kofeínom. (Balentine D. A., Harbowy M. E. and Graham H. N. (1998). in G Spiller: Tea: the Plant and its Manufacture; Chemistry and Consumption of the Beverage.)

A aké účinky na ľudský organizmus majú najznámejšie kofeínové nápoje? V čom sú podobné a v čom sa líšia?

Káva

kava-rastlinaKáva obsahuje najmä kofeín. Pitie kávy je nevhodné pri vysokom krvnom tlaku, pri zvýšenej tvorbe žalúdočnej kyseliny, vredovom ochorení žalúdka a dvanástnika, pri ochoreniach žlčníka a pankreasu, pri zvýšenej činnosti štítnej žľazy a niektorých psychických poruchách, najmä pri pocitoch úzkosti a strachu. (http://www.kafe.sk/kava/kava-a-zdravie/ucinky-kavy-na-organizmus.html)

 

Čaj

caj-rastlinaČaj sa svojimi vlastnosťami a účinkami na človeka veľmi podobá na kávu, jeho účinky sú však miernejšie, ale dlhšie trvajúce. Obsah kofeínu je v každej šálke pripraveného čaju rozdielny, pričom to závisí od spôsobu prípravy (teplota vody, doba lúhovania) ako aj od druhu použitého čaju (pod pojmom čaj rozumieme lístky čajovníka). V porovnaní s kávou obsahuje jedna šálka čaju v priemere len 1/3 až 1/2 kofeínu ako podobné množstvo kávy. Trochu zavádzajúci je fakt, že ak sa obsah kofeínu meria v suchom stave, v káve je nižší ako v čaji. (http://www.stashtea.com/caffeine.htm)

Maté

mate-rastlinaMaté sa pripravuje z listov cezmíny paraguajskej. Zo všetkých kofeínových nápojov má maté najlepšiu kombináciu vlastností. Má povzbudzujúce účinky na centrálnu nervovú sústavu, ale nie je návykové. Na rozdiel od kávy nespôsobuje problémy so spánkom, ale pôsobí upokojujúco. Nakoľko je iba slabé diuretikum, je vhodnou zložkou pitného režimu. Maté okrem kofeínu obsahuje aj obvyklé množstvá živíc, vlákniny, prchavých olejov, karoténu, celú škálu vitamínov (A, C, E, H, B 1, B 2 a B-komplex) a minerálov (horčík, vápnik, železo, sodík; draslík, mangán, …).

Z tohto súboja jednoznačne vyšiel ako víťaz maté. Obsahuje kofeín, čiže by mal byť schopný oblafnúť moje telo a má kopec pozitívnych účinkov. Skoro sa zo mňa stala čistá mateinistka, ale potom som narazila na informácie vysvetľujúce závislosť.

„Závislosť je definovaná ako zneužitie drogy do štádia, kedy zasahuje zdravie jednotlivca a jeho ekonomické a sociálne funkcie. Jej symptómami býva tzv. tolerancia (potreba brať čím ďalej tým vyššie dávky k dosiahnutiu rovnakého účinku) a fyzická závislosť (zmenený telesný stav, ktorý pri vysadení drogy vyvoláva abstinenčné príznaky). Tieto dva symptómy ale k diagnóze závislosti nie sú nevyhnutné ani dostačujúce. V niektorých prípadoch sa vytvára tzv. psychická závislosť – a tým sa tiež dnešný náhľad líši od starších koncepcií, ktoré mali sklon závislosť stotožňovať s fyzickým návykom. Kofeín má slabé povzbudzujúce vlastnosti a nie sú žiadne dôkazy (alebo veľmi málo) o zvyšovaní dávok kvôli možnému prispôsobovaniu. Vysoké dávky majú pre jedinca už nepriaznivé efekty. Vychutnanie si šálky kávy je popísané ako pravidelný zvyk a nemalo by sa zamieňať s termínom návyk.“

Tú poslednú vetu som si prečítala hádam stokrát Vychutnanie si šálky kávy je popísané ako pravidelný zvyk a nemalo by sa zamieňať s termínom návyk. Takže nie som závislá, mám len zvyk dať si poobede kávičku a na tom predsa nie je nič zlé. Zmierená so sebou a so svetom kofeínu si idem jednu uvariť aj keď je ešte len doobedie. Ale nemyslite si, že moje nové ja zapadne prachom. Objavila som účinky aj chuť mnohých skvelých druhov čaju a zamilovala som si maté, takže hádam to nebude znieť veľmi sentimentálne, ak poviem, že môj život už nikdy nebude taký ako predtým. Ale voda už vrie, takže sa lúčim, kofeínu zdar…

Autor: Lucia Pándová
lucia.pandova@gmail.com

Nežná revolúcia – 17. november 1989

Dnes to je dvadsať rokov od nežnej revolúcie, keď sa začala transformácia nášho štátu a našej spoločnosti. Mnoho vecí sa zmenilo, no o to viac ľudí zotrváva tam, kde boli predtým. Jediné, čo sa ich dotklo, je skoro bezhraničný konzum, ktorý dovtedy neexistoval. V dobe, keď sa všetci oháňajú tým, ako sa máme počas celého života vzdelávať, je beznádejne slabá politická, ekonomická a občianska uvedomelosť.

Mladá generácia sa k týmto témam stavia chladne a bez záujmu. Uvedomovať si svoje povinnosti začínajú, až keď im šliape na krk kríza a občas ani vtedy nie. Nečudo. Nemali sa to od koho naučiť. Ich rodičia sa za dvadsať rokov naučili používať mikrovlnky, počítače a kade-aké nové fígle, no postoj mnohých k štátu, k svojim povinnostiam, zostal na úrovni spred roka 1989. Stále sa spoliehajú, že sa o nich niekto postará. Budúcnosť predsa nie je taká priamočiara. Štát tu nie je preto, aby sa postaral o občana a riešil jeho problémy, prácu, zdravie, vzdelanie a blahobyt.

Štát má občanovi za jeho dane poskytnúť určité služby. Služby, ktoré si určí občan sám. Nie štát je strojcom občanovho blahobytu, ale sám volič svojim rozhodovaním. Svojim zodpovedným rozhodnutím a nie slepým nasledovaním nejakých populistických, dočasných a neefektívnych riešení. Do služieb poskytnutých štátom samozrejme musí spadať aj sociálna pomoc. To sa dá iba tak, že človek bude sám a zodpovedne rozhodovať o svojom osude. Nie sa spoliehať na sociálny systém. Na to však treba viac, ako len slepo nasledovať, treba trocha porozumieť politike, trocha ekonomike a hlavne si byť vedomý, čo všetko musí človek spraviť, aby prosperoval. Treba porozumieť politike, ktorá umožní človeku, aby sa o seba postaral a nie brzdiť tento proces.

Sloboda, to je povinnosť rozhodovať o svojom živote. Či chceme alebo nie, náš život je úzko spätý zo štátom, ekonomikou a aj politikou. Politika v štáte je obrazom občianskeho povedomia.

Tak a aby som to odľahčil, uvediem tu pár odkazov na videá o novembri 1989, ktoré zverejňuje Fedor Gál na svojom blogu a sú aj na www.tyzden.sk v rubrike “Kauzy”. Sú to krátke dokumenty o tom, ako to vnímali priami aktéri zo všetkých skupín ľudí, ktorí aktívne prispeli k zmene a mnohí aj po dvadsiatich rokoch prispievajú.

Pred búrkou
17. november 1989
Dobré ráno Slovensko
Maďarská nezávislá iniciatíva
Vznik Verejnosti proti násiliu
Študentské hnutie
… do vlastných rúk
Študenti do ulíc
Verejnosť proti násiliu na námestia
Čo dokáže ulica
Verejnosť nie je dav
Človek v dave
Mediálna revolúcia
Generálny štrajk
Ahoj, Európa!
Košice nie sú Bratislava
Zmena pri kormidle
Mózartov dom
Väzenia sa búria
Komu moc?
Budovanie právneho štátu
Nacionalizmus
Český pohľad
Voľby 1990
Po dvadsiatich rokoch