09 juli, 2007

Firefox-plugin: Lägg till egen söktjänst

Förord
Vill ni veta hur man kan installera/lägga till en egen söksida i listan över tillgängliga sökmotorer i Firefox? (2.0 är den enda version jag har testat) Vill ni att era besökare ska kunna nå er söktjänst direkt efter bara ett musklick? Läs artikeln så får ni veta hur.


Introduktion
Firefox finns i en version som släpps med Google Toolbar (Toolbar betyder verktygsrad på svenska) och för er som inte har den går det att ladda ner på toolbar.google.com. Det är en funktion som gör det enkelt för de som använder Firefox att exempelvis söka på några av de söktjänster som finns på Internet; Google, Yahoo, eBay med flera, bara ett musklick ifrån.

Om ni har en hemsida med en söktjänst som många av era besökare använder ofta och ni vill att de ska ha möjlighet att söka utan att besöka hemsidan, kan ni göra på följande sätt.


Vad ni behöver
För det första behöver ni tillgång till ett serverbaserat skriptspråk och en webbserver (ex webbhotell eller egen server). Ni kan använda PHP, ASP, .NET, JSP eller liknande. skriptspråket används endast till att skapa en söktjänst, men jag utgår från att ni redan har en sådan så därför visar jag bara principen för hur det fungerar.


Lägga till söktjänst i lista över tillgängliga sökmototer
Först skapar vi en fil med suffixet (filändelsen) src och lägger in följande.

testsearch.src
<search
name="firefox_search_waschman_plugin"
method="get"
action="http://127.0.0.1/test/search.php"
>
<input name="q" user>
</search>
Spara filen i mappen test i webbserverns root katalog (ex http://127.0.0.1/test/testsearch.src).


Lägg nu in följande Javascript i fältet <head> ... </head> på den sida ni vill placera länken för att lägga till söktjänsten i Firefox.

<script type="text/javascript">
function addEngine()
{
if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
window.sidebar.addSearchEngine( "http://127.0.0.1/test/testsearch.src", "http://127.0.0.1/test/testsearch.png", "[Hemsidans_namn_här] snabb sök", 0 );
} else {
alert("[Namnet_på_er_sökmodul_här] is Firefox only toolbar (Denna modul finns endast till Firefox).");
}
}
</script>
Lägg in namnet på er hemsida och namnet på sökmodulen i Javascript koden ovan på de ställen jag markerat innanför tecknen '[' och ']'.


Skapa nu en bild av typen png i storleken 16x16 pixlar och placera den på samma ställe som testsearch.src (ex http://127.0.0.1/test/namn_på_bild.png).


Följande PHP kod visar söksträngen som användes för att göra sökningen. Notera att det bara är ett exempel så jag visar bara principen.

search.php
<?php
print_r($_REQUEST);
?>
Spara filen på samma ställe som ovan (ex http://127.0.0.1/test/search.php).


Här får ni en exempelsida i html + Javascript koden och hur man anropar funktionen.

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<title>Search Test</title>
<script type="text/javascript">
function addEngine()
{
if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
window.sidebar.addSearchEngine( "http://127.0.0.1/test/testsearch.src", "http://127.0.0.1/test/testsearch.png", "[Hemsidans_namn_här] snabb sök", 0 );
} else {
alert("[Namnet_på_er_sökmodul_här] is Firefox only toolbar (Denna modul finns endast till Firefox).");
}
}
</script>
</head>
<body>
<p>Hej!</p>
<a href="javascript:addEngine();">Installera snabb sök!</a>
</body>
</html>
Färdigt!


Slutord
Om ni gjort allting rätt så borde ni fått er söktjänst inlagd i listan över tillgängliga sökmotorer i Firefox verktygsrad. Så det enda era besökare behöver göra är att klicka på länken "Installera snabb sök" som anropar funktionen addEngine() i Javascript som sedan lägger till söktjänsten i deras lista i deras Firefox webbläsare.

Inga kommentarer:

Välkomna till bloggen

Välkomna ska ni vara kära besökare. Jag skriver om IT för att det är kul och för att jag vill dela med mig av information och kunskap. Jag försöker hålla bloggen så kategoriserad som möjligt för att ni enklare ska hitta intressanta länkar och artiklar.