Firefox 2, IE7 ed i moduli di ricerca

Firefox 2 e Internet Explorer 7 rendono disponibili delle API XML basate sullo schema Opensearch di A9, con cui si posso facilmente creare dei plugin di ricerca (Search Provider), cioè dei moduli per eseguire ricerche in determinati motori di ricerca.

Per Firefox i moduli di ricerca non sono una novit� , ma prima si potevano aggiungere solo utilizzando il Mozilla Search Standard basato su Sherlock della Apple e supportato da Safari, Mozilla, Netscape e Firefox.

Creare un plugin di ricerca compatibile con FF2 e IE7.

Vediamo come creare un Search Provider per eseguire ricerche nel network di HTML.it (demo del plugin).

Il codice minimo si presenta cos�¬:

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
	<ShortName>HTML.IT Network</ShortName>
	<Description>HTML.IT Network provider</Description>
	<InputEncoding>ISO-8859-1</InputEncoding>
	<Url type="text/html" template="http://cerca.html.it/cgi-bin/cerca.cgi?q={searchTerms}&amp;sp00=off&amp;gr=off”/>
</OpenSearchDescription>

Dove ShortName è il nome del plugin di ricerca, Description la sua descrizione, InputEncoding l’encoding con cui inviare la richiesta al motore di ricerca e Url la query da inviare alla pagina che esegue la ricerca. In quest’ultimo campo (Url) bisogna sostituire i caratteri & (”e” commerciale) con & e sostituire il valore della variabile che contiene la stringa di ricerca con {searchTerms}. Quindi se il form di ricerca invia i campi con method GET, potete eseguire una ricerca con il termine TEST, e sostituire nell’URL dei risultati TEST con {searchTerms}.

A questo codice si pu�² aggiungere:

1. <Image width="16" height="16">http://mycroft.mozdev.org/updateos.php/id0/html.it.png</Image>

   FarÃ?  apparire in Firefox un’icona associata al modulo di ricerca.

   Secondo le specifiche Opensearch, il tag Image dovrebbe essere un’icona, ma se si vuole inserire il proprio plugin nell’elenco presente su Mycroft Project di Mozdev, bisogna utilizzare il formato PNG, GIF o JPG.

2. <Developer>Francesco Terenzani, Terenzani.it</Developer>
   <Tags>html.it italiano programmazione web design</Tags>

   Questi due tag non sono utilizzati, ma inserire qualche informazione in più puÃ?² essere utile. Il primo si riferisce all’autore del plugin ed il secondo sono una serie di tag per descrivere il sito web su cui si eseguiranno le ricerche.

3. <Url type="application/x-suggestions+json" template="http://ff.search.yahoo.com/gossip?output=fxjson&command={searchTerms}"/>

   Questa funzione è supportata solo da Firefox, invia una query ad una pagina che ritorna un output in JSON utilizzato dal browser per fornire suggerimenti mentre si digita. Nell’esempio ho utilizzato una pagina di Yahoo!, non so se siano daccordo :) Per maggiorni informazioni potete leggere Supportare i suggerimenti nei plugin di ricerca.

   

4. <UpdateUrl>http://mycroft.mozdev.org/updateos.php/id0/html.it.xml</UpdateUrl>
   <IconUpdateUrl>http://mycroft.mozdev.org/updateos.php/id0/html.it.png</IconUpdateUrl>
   <UpdateInterval>7</UpdateInterval>

   Altra utilitÃ?  solo per gli utenti di Firefox, serve al browser per ricercare gli aggiornamenti. In questo caso ogni 7 giorni il browser cercherÃ?  una nuova versione del plugin all’URL http://mycroft.mozdev.org/updateos.php/id0/html.it.xml e dell’icona associata all’URL http://mycroft.mozdev.org/updateos.php/id0/html.it.png

Installazione ed utilizzo dei Search Provider.

Per l’autorilevamento di un Serach Provider basta inserire nell’head di un documento:

<link rel="search" type="application/opensearchdescription+xml" title="Cerca in Terenzani.it" href="http://www.terenzani.it/wp-content/lab/osd/osd.xml" />

Da personalizzare il title e l’attributo href, in cui va inserito l’URL del file che abbiamo appena creato.

Dopo di che, navigando le pagine in cui abbiamo inserito il link visto sopra, la presenza del Serach Provider sarÃ?  segnalata dal cambio di colore del pulsante che, cliccato, ne mostra l’elenco. E tra l’elenco dei Search Provider, apparirÃ?  l’opzione per installare il plugin.

Stessa cosa in Internet Explorer, ma con una “comoditÃ? ” in più: la possibilitÃ?  di fare una ricerca in quel sito web senza installare il Search Provider.

Un metodo più diretto per installare un un Search Provider è utilizzare questo pezzo di Javascript:

window.external.AddSearchProvider("http://www.terenzani.it/wp-content/lab/osd/osd.xml");

Risorse e approfondimenti.

• Creare Plugin MozSearch.
• Specifiche Opensearch.
• Search Provider Extensibility in Internet Explorer 7.
• Elenco dei plugin di ricerca ospitati su Mozdev e il modulo per la generazione e l’inserimento dei plugin Opensearch in Mozdev.
• L’elenco ed il generatore di Search Provider di IE7.
• Un altro generatore di plugin Opensearch.

post<li>

tag: A9, FF2, FireFox, IE7, internet explorer, mycroft, OpenSearch, plugin, search, search provider, xml.

post correlati:

• Migrare da Splinder: un nuovo importer per WordPress
• Feed completi con il tag more in WordPress
• Uno Userscript per scrivere "limone"
• L'architettura a plugin di WordPress
• GT Post Approval [WordPress Plugin]
• La mia WP-Avventura con WordPress MU ed i Widgets
• Eliminare i rel="nofollow" dai link nei commenti di Wordpress