5 korisnih JavaScript funkcija i biblioteka

Ovo je programerski post pa ako imate sreće da niste programer slobodno preskočite.

Raznih se JavaScript funkcija, biblioteka, widgeta itd. može naći na webu, ili googlanjem ili kopanjem po sajtovima čija je namjena pohranjivanje tih skripata, efekata, trikova itd.

Kako je bar ponekad u moru svega toga naći prave stvari, evo jedna moja preporuka pet takvih alata koji su se do sad pokazali VRLO korisnim u razvoju web stranica te se kao takvi ističu u masi:

1. getElementsByClassName()

Dohvaća sve elemente koji imaju određenu CSS klasu ili klase.

Pozivanje:

arr = getElementsByClassName(className, tag, elm)

Primjeri korištenja:

arr = getElementsByClassName('links');
arr = getElementsByClassName('links', 'div', 'footer');
arr = getElementsByClassName('class1 class2');

• • • • •

2. Event Listener Wrappers

Event listener wrapper napravljen zbog kompatibilnosti s web preglednicima.

Dvije bitne metode:

addEHandler(EventTarget obj, string event_name, EventListener handler);
removeEHandler(EventTarget obj, string event_name, EventListener handler);

Ima tu još nekih naprednih metoda, ali ove dvije su dovoljne.

Primjeri korištenja:

addEHandler(window, 'load', function() { alert('Loaded!'); }
addEHandler(image, 'click', function() { alert('Clicked!'); }

3. JavaScript Tooltip library

Bolji tooltipovi, u smislu nije samo tekst nego puni HTML i CSS. Bitne su samo funkcije doToolTip() i hideTip() - prikazivanje i skrivanje tooltipa.

Ovakvih biblioteka ima gro, no ovaj ima veliki plus: ukupna veličina svega par kilobajta - light do jaja varijanta.

Primjeri korištenja:

<a href="index.html" onmouseover="javascript:doTooltip(event, 'Aha!')" onmouseout="javascript:hideTip()">Homepage</a>

Tooltip se opisuje CSSom:

div#tipDiv {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 10000;
  background: #dff9f0;
  border: 1px solid #666;
}

Te razmaci, veličine itd.

4. JavaScript MD5

JavaScript implementacija MD5 sigurnosnog algoritma. Funkcije koje vam mogu zatrebati su:

function hex_md5(s);
function b64_md5(s);
function str_md5(s);
function hex_hmac_md5(key, data);
function b64_hmac_md5(key, data);
function str_hmac_md5(key, data);

Primjer pozivanja:

var md5string = hex_md5(date.toUTCString() + ip + myid)

5. JavaScript Calendar

Vrlo dobar popup calendar. Ne tvrdim da nema boljih, no ovaj ima sve što treba: postavke, skinove, jezike.

Primjer korištenja:

HTML:

JS:

Calendar.setup(
  {
    inputField : "calendar1",
    ifFormat : "%Y-%m-%d",
    button : "trigger1"
   });

(JS ide odmah nakon forme.)

• • • • •

Sigurno znate još ovakvih korisnih, ako ne i boljih, alata. Ako dakle imate nadopune, ispravke... You know the drill.

Vezani postovi:

- 5 JavaScript trikova za koje možda niste znali
- 10 drevnih JavaScript trikova
- 10 korisnih bookmarkleta
- Korisni Bookmarkleti

PS. Which Font Should I Use?