Večernja škola Javascripta: Bookmarklets

Bookmarkleti nisu pravi linkovi, ali se kao i normalni linkovi nalaze u bookmarku (favoritima) i pozivaju Javascript koji nešto napravi sa stranicom. Prepoznaju se po tome što počinju s "javascript:".

Iako je broj znakova koji može stati u bookmark ograničen, bookmarklet može biti pravo malo čudo od programa. No, ovdje se nećemo baviti remek-djelima programiranja nego ćemo početi s jednostavnim primjerima.

Prilikom dizajniranja stranice česta je potreba da se ista provjeri u različitim rezolucijama, a ručno mijenjati veličinu prozora da bi se dobila prava je tlaka. Ovdje se mogu primjeniti jednostavni bookmarkleti.

• • • • •

Javascript funkcija resizeTo(width, height) mijenja veličinu prozora na širinu width i visinu height. Kod bookmarkleta koji mijenja veličinu na 800x600 izgleda ovako:

I ako ga stavimo u link:

800x600

dobijamo prvi bookmarklet. Klikom na isti stranica će se smanjiti na 800x600 ali cilj nam je da to možemo na svakoj stranici bez obzira. Zato je dodajte u bookmark (desna tipka pa Add to Favorites ili, još bolje, odvucite je (drag&drop) gore u personal toolbar (ili kako se već zove, svaki browser ima neku svoju terminologiju) gdje su vam linkovi. I, voila, imamo resize.

Odmah si možemo napraviti isto za ostale 2 najćešće rezolucije:

odnosno:

1024x768 i 1280x1024

Odvucite i njih u bookmark ili gore u toolbar i imate switcheve za 3 standardne reze.

• • • • •

Isto tako, kod programiranja, javlja se potreba da brzo vidimo sve cookije koji se nalaze na stranici. U Javascriptu oni se nalaze u stringu document.cookies, ali su malo nepregledni: odvojeni su točka-zarezima. Zato nam treba nešto sitno programiranja:

Funkcija replace(search, replace) mijenja sve pojave stringa search sa stringom replace. Time dobijemo cookije jedan ispod drugoga.

Boomarklet je ovdje: Show Cookies.

(Nemojte čupati kosu kad vidite izraz /;/g. Jednostavni regular expression, a to bolje da ne objašnjavam. Ustvari, mogu jedan A lamer's guide to regexp ako ima interesa.)

• • • • •

I za kraj čokoladna torta s preljevom od pivskog ekstrakta.

Naime, možda često, vjerojatno tu i tamo, ali ne manje nego ponekad javlja vam se potreba da želite nekome poslati adresu stranice na kojoj trenutno jeste. Klasični način je označavanje cijelog URLa, pa copy, pa odlazak u email klijent pa paste.

Bookmarklet ovdje može dosta olakšati takve radnje:

Bookmarkirajte ovo: Email URL.

Eto. Ostajte mi lijepi i veseli i napravite puno lijepih bookmarkleta.

• • • • •

Testirano na Operi 7.5 + IE6 + FF1.0. Na Operi se bookmarkleti moraju drag&dropati na stranicu ako su u personal baru. Ako su u main toolbaru onda no frx.