How to: Firefox Add-ons

Posted in Tutorials on 8 September, 2006 – 1:10 pm
Post a comment

Pentru ca am spus-o cu ceva timp in urma si pentru ca stiu ca cel putin Elena asteapta cu nerabdare acest lucru, am sa incerc acum sa va explic cum am facut acele Add-ons pentru Firefox. Toata treaba nu este deloc grea si cu putin ajutor de la “papa Google”, totul se poate rezolva in 5-10 minute.

Dar in primul rand pe scurt despre aceste Add-ons. Daca va uitati in orice browser Firefox (mai nou si IE7, insa asta e o alta poveste), veti vedea o mica casuta de cautare. Implicit cautarea se face pe google, insa daca doriti, cautarea se poate face pe mai multe motoare de cautare. Firefox va pune la dispozitie o serie de astfel de motoare de cautare, insa daca doriti sa efectuati o anumita cautare pe site-ul vostru sau pe unul din site-urile care nu are un astfel de Add-on, va puteti crea unul. Cum? Am sa va spun acum.

Pentru usurinta puteti sa creati un folder pe desktop, unde vom pune toate fisierele necesare (2 la numar). In acest exemplu am ales Add-on-ul de cautare BestJobs.ro asa ca voi denumi si folderul “bestjobs”. Deschidem un editor Notepad si in prima faza salvam documentul cu denumirea bestjobs.src (desigur, in folderul tocmai creat). Vom incepe acum sa editam acest fisier folosind in continuare Notepad.

Prima linie in mod normal ar trebui sa contina tag-ul < search urmat de versiunea browser-ului caruia i se adreseaza Add-on-ul. In acest moment, ultima versiune de Firefox e 1.5 (nu includem si versiunile Beta), asa ca vom adauga aceasta versiune, desi, se poate pune aproape orice din cate am observat. Unele site-uri recomanda sa se puna ultima versiune de Netscape, din motive necunoscute mie inca. Astfel, prima noastra linie de cod arata astfel:

search version=”1.5″

Urmatoarea linie va indica denumirea Add-on-ului in felul urmator

name="BestJobs.ro"

Desigur, voi veti pune ce doriti la nume. Urmatoarea linie contine o scurta descriere al motorului de cautare:

description="Cautare Job pe BestJobs.ro"

In acest moment, codul nostru ar trebui sa arate cam asa:

< search
version="1.5"
name="BestJobs.ro"
description="Cautare Job pe BestJobs.ro"

Buuuuun. Pana aici totul e ok. Acum urmeaza partea in care va trebui sa "spunem Add-on-ului cum sa caute. Pentru a rezolva aceasta "problema, ne ducem frumusel pe Bestjobs.ro si efectuam o cautare dupa un anumit cuvant cheie. Eu am ales cuvantul bucatar si dupa o cautare, cercetam url-ul paginii cu rezultate:

http://bestjobs.neogen.ro/?cookieexistsb=true&bj_nl_p=search_job_result&idcountry=1&c_keywords=bucatar

Se observa ca in ultima parte a URL-ului apare cuvantul "bucatar". In general (nu e o regula generala), orice cautare include in url si cuvantul cheie dupa care se face cautarea. Noi vom folosi doar prima parte a URL-ului, cea de dinainte de cuvantul "bucatar" si astfel mai adaugam codului nostru urmatorul rand:

action="http://bestjobs.neogen.ro/?cookieexistsb=true&bj_nl_p=search_job_result&idcountry=1&c_keywords="

Urmatoarea linie e:

method="GET"

care reprezinta metoda folosita la cautare si care de altfel e singura optiune ce se poate folosi.

Cel mai simplu pas e sa inchidem tag-ul de cautare cu binecunoscutul deja ">" :)

Optional, se mai poate adauga o bucatica de cod ce poate ajuta administratorii site-urilor in sensul ca le spune practic ca cineva foloseste cautarea direct din browser:

< input name="sourceid" value="Mozilla-search" >

In final, va trebui precizata sinaxa ce se va folosi in momentul cautarii si care in general arata cam asa:

< input name="query" user="" >

Insa si acest fapt depinde de metoda folosita la cautare de fiecare site in parte.

Inchidem acum in totalitate tag-ul de cautare

< /search >

si gata. Codul final ar trebui sa arate cam asa:

< search
version="1.5"
name="BestJobs.ro"
description="Cautare Job pe BestJobs.ro" searchForm="http://bestjobs.neogen.ro/?cookieexistsb=true&bj_nl_p=search_job_result&idcountry=1&c_keywords="
method="GET"
>
< input name="" user="" >
< /search >

De fapt e gata doar daca nu doriti sa atasati si o iconita caracteristica cautarii tocmai create. Puteti sa creati voi o iconita/png de 16x16 pixeli si care sa aiba aceeasi denumire ca si fisierul de mai sus si pe care o salvati in acelasi folder. In cazul de fata, eu am cautat favicon-ul site-ului in codul sursa de la BestJobs, adica:
http://bestjobs.neogen.ro/favicon.ico
l-am salvat si i-am schimbat extensia. In mod normal ar trebui sa functioneze si la voi.
Astfel, avem doua fisiere: bestjobs.src si bestjobs.png. Nu e exclus ca unele site-uri sa nu aiba un favicon, asa ca atunci va trebui sa va creati voi un png, insa cautarea poate sa functioneze si fara acesta.

Odata aceste fisiere create, tot ce mai trebuie sa faceti e sa le copiati in C:\Program Files\Mozilla Firefox\searchplugins, iar dupa un restart de Firefox, cautarea ar trebui sa fie disponibila in casuta din dreapta sus (daca o selectati desigur).

Sper sa va fie de ajutor acest mic indrumar. M-am cam lungit putin, insa nu inchei fara sa va spun ca datorita modului de interpretare a codului introdus, am fost nevoit ca dupa fiecare "<" sa pun un spatiu, insa voi veti elimina fiecare spatiu care e dupa "<" sau inainte de ">". De asemenea, daca doriti introducerea lor in mod automat, asa cum o puteti face in pagina aceasta, atunci veti mai avea nevoie de ceva cod, dar pe care il puteti descoperi si voi cercetand codul sursa al acelei pagini :).

Nu uitati de Google, in cazul in care mai aveti nelamuriri, sau daca sunteti prea lenesi, va ofer eu 2 link-uri care va mai pot ajuta si care m-au ajutat si pe mine:

http://hacks.oreilly.com/pub/h/3033
http://www.captain.at/howto-firefox-add-search-engine.php

Intrebarile si comentariile sunt bine venite.



This entry was written by Simple, filed under Tutorials.
Bookmark the permalink or follow any comments here with the RSS feed for this post.
Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never shared. Required fields are marked *

*
*