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čí.
- Repozitář: https://github.com/janpecha/jasno
- Licence: New BSD License