Jasno – pidi JavaScriptový helper

26. června 2013

Ne vždy potřebujete na webu použít velký JavaScriptový framework nebo knihovnu. Mnohdy je web tak jednoduchý, že zcela postačují možnosti, které nabízí čistý JavaScript (metody pro DOM operace, document.getElementById, …). Jediné co potom potřebujete pro pohodlnou práci, je soubor nějakých funkcí, které vás odprostí od rozdílů mezi prohlížeči (hlavně IE vs. všichni ostatní).


Jasno je přesně takovým malým souborem malých užitečných funkcí. Knihovnu stačí nalinkovat do dokumentu a můžete jí používat. Obsahuje jen věci, které jsem někdy na malých webech potřeboval, žádné funkce navíc.

Práce s třídami

var el = document.getElementById('my-div'); // výběr elementu
Jasno.addClass(el, 'trida'); // přidáme třídu 'trida'
Jasno.removeClass(el, 'trida'); // odstraníme třídu 'trida'
Jasno.hasClass(el, 'trida'); /* zjistíme, zda má element přiřazenu třídu 'trida',
    vrací true, nebo false */

Události

var el = document.getElementById('my-div'); // výběr elementu
// přiřadíme elementu handler pro událost 'click'
Jasno.addEvent(el, 'click', function(ev) {
    alert('Clicknuto na element');
});

// zrušíme probíhající event, vrací FALSE
Jasno.cancelEvent(ev);

// získáme zdrojový element
var el = Jasno.getSrcElement(ev);

Knihovna neobsahuje metodu pro odebrání handleru z elementu (removeEvent). Prostě jsem to na malých webech ještě nepotřeboval, takže jsem to neimplementoval.

CSS

Jediná metoda, je metoda pro získání hodnoty CSS vlastnosti:

var el = document.getElementById('my-div'); // výběr elementu
// vrací string
var cssValue = Jasno.getCss(el, 'background-color'); // ziskame barvu pozadi naseho elementu

JavaScript

A poslední metoda umožňuje zjistit, zda je předaná hodnota (proměnná) prázdná, tj. jestli je hodnota undefined, null, nebo je to prázné pole, či objekt. Metoda vrací true, nebo false.

var pole = [];
Jasno.empty(pole); // mělo by vrátit TRUE

A to je všechno, nic víc. Ale ono to pro malé weby opravdu stačí.

Líbí se vám tato stránka?