Herken je dit? Je bent je website aan het bouwen of je hebt er wat nieuws op gezet. Je wilt even checken hoe de site er in verschillende resoluties uitziet. Dan zou je graag willen dat je snel zou kunnen wisselen tussen de verschillende resoluties.

Of je wilt weten hoe een slechtziende jouw site ervaart of je zou graag snel willen zien hoe je site er op een PDA of GSM ongeveer uitziet.

Deze situaties hebben minstens 1 ding gemeen: je kunt ze allemaal realiseren met favelets.

Favelets (of bookmarklets) zijn favorieten (of bookmarks) die een Javascript bevatten. Ze zijn een handige uitbreiding op de functionaliteit van je webbrowser. Je kunt met één klik snel en eenvoudig een bepaalde handeling laten uitvoeren waarvoor je anders meerdere stappen nodig had.

Zodra je in je browser een favelet selecteert wordt de Javascript-code uitgevoerd. De moderne internetbrowsers maken gebruik van plugins (Bob heeft in Web Succes Magazine nummer 124 tot en met 130 een aantal plugins voor Firefox besproken), waardoor je bepaalde favelets minder vaak nodig zult hebben. Toch kan het een uitkomst zijn voor bepaalde routineklussen.

Nog een voorbeeld: je bent op een Engelse website terechtgekomen maar je leest die liever in het Nederlands. Je kunt er nu een Engels-Nederlands woordenboek bijpakken maar het zou veel gemakkelijker zijn als je met één klik op de knop de website in het 'Nederlands' kunt lezen. Ik heb Nederlands tussen aanhalingstekens gezet omdat het automatisch vertalen van Engelse zinnen veelal gebrekkig Nederlands oplevert, maar in de meeste gevallen is het te begrijpen.

Google heeft een vertalingsfunctionaliteit. Die kun je vinden op http://www.google.nl/translate_t. Bij ‘Een webpagina vertalen' vul je dan de URL in van de te vertalen website, selecteert de juiste vertaalslag en klikt op ‘Vertaal'. Vrij omslachtig allemaal :-). Hier kunnen we een favelet van maken waarmee je met één klik op de knop hetzelfde resultaat verkrijgt. Nadeel is dan wel dat je voor iedere vertaalslag een nieuwe favelet moet maken. De Javascript-code die hier voor nodig is, staat hieronder weergegeven:

javascript:location.href='http://www.google.nl/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cnl&hl=nl&ie=UTF8'

* Klik hier voor meer uitleg over hoe je deze code op je website kunt plaatsen.

Nu moeten we ervoor gaan zorgen dat dit stukje javascriptcode een favelet wordt. Wat je bijvoorbeeld kunt doen is een willekeurige website aan je favorieten (of bookmarks of bladwijzers) toevoegen. Van deze favoriet kun je door er met de rechtermuisknop op te klikken de eigenschappen opvragen en vervolgens de naam en de URL ('Locatie' in Firefox) wijzigen. Als naam kun je bijvoorbeeld nemen ‘Vertaling Engels - Nederlands'. De URL moet je dus vervangen door bovenstaande Javascript-code. Vergeet natuurlijk niet de wijzigingen op te slaan. De volgende keer dat je deze favoriet opent zal de Javascript-code worden uitgevoerd en de webpagina vertaald worden naar het Nederlands.

Mocht je van plan zijn ooit zelf favelets te gaan maken, onthoud dan dat Javascripts zich anders kunnen gedragen binnen de verschillende browsers. Je hebt dus wel enige javascriptkennis nodig om een favelet te bouwen die generiek is voor de diverse browsers (dat wil zeggen dat hij voor die browsers op dezelfde manier werkt).

Verder is de lengte van de URL, dus ook de lengte van je Javascript-code, beperkt. Je kunt op internet genoeg bruikbare voorbeelden vinden. Als je gaat zoeken op 'favelets' of 'bookmarklets' kom je er genoeg tegen. Enkele voorbeeldsites zijn:

- http://www.bookmarklets.com/
- http://www.cinnamon.nl/keuken/favelets/
- https://www.squarefree.com/bookmarklets/
- http://centricle.com/tools/favelets/
- http://tantek.com/favelets/

Probeer het maar eens uit. Succes!