Scrivere un add-on per iGoogle

Rieccomi qui a scrivere...questo articolo non è riguardante il pinguino però può essere una base per creare servizi per siti internet riguardanti il pinguino.

Conoscete iGoogle(un tempo la "Pagina Personalizzata")?




Bene se non lo conoscete fateci un giro che è molto bello :) altrimenti sapete benissimo di cosa sto parlando accennando agli add-on ovvero quei gadgets inseribili nella vostra iGoogle (è femminile secondo voi?bah..)

In questo breve tutorial vi insegnerò come scrivere un add-on per iGoogle!

0) Requisiti:

• Conoscenza HTML


• Conoscenza JavaScript


• Sapersi orientare in un file XML


• Conoscenza CSS (non obbligatoria..solo per fare lavori più belli=

1) Il modello XML di base:
Come accennato prima nei requisiti gli add-on per Google sono files XML che hanno una base fissa e anche se non conoscete alla perfezione XML vi fornirò il file "base" per poter creare un add-on!

<?xml version="1.0" encoding="UTF-8"?>
<module>
<moduleprefs title="TITOLO DEL ADDON" height="ALTEZZA" width="LARGEHZZAauthor="AUTORE;" author_email="EMAIL AUTORE" author_location="RESIDENZA AUTORE" screenshot="SCREENSHOT DI ANTEPRIMA" title_url="URL REDIRECTIVO">
</moduleprefs>
<content type="html"><![CDATA[



]]>
</content>
</module>

Bene: notate i parametri in grassetto da modificare in base alle vostre esigenze mi raccomando!
Adesso...notate lo spazio bianco che li c'è...li va inserito il codice HTML/Javascript per il nostro add-on..per farvi capire insieme faremo un add-on per cercare pacchetti .deb nell'archivio Debian.

Come prima cosa dobbiamo inserire due oggetti: un campo di testo per il nome del pacchetto e un tasto di invio: inseriamo quindi tra lo spazio il seguente codice:

<input type="text" id="pacchetto" /> <input type="button" value="Cerca" />

Adesso diamo un occhiata al sito della ricerca dei pacchetti di Debian: notiamo che se faccio una ricerca con la stringa "tuxpress" l'url restituito è questo:

http://packages.debian.org/cgi-bin/search_contents.pl?word=tuxpress&searchmode=searchfiles&case=insensitive
&version=stable&arch=i386

Vedete dove compare tuxpress nell'URL?Bene per fare anche noi una cosa simile ci viene in aiuto JavaScript!

Inseriamo prima del campo di testo e del pulsante questo pezzo di codice:

<script language="javascript" type="text/javascript">
function cerca()
{
var elemento = document.getElementById("pacchetto");
var pacdeb = elemento.value;
parent.location.href = "http://packages.debian.org/cgi-bin/search_contents.pl?word=" + pacdeb + "&searchmode=searchfiles&case=insensitive&version=stable&amp;arch=i386";
}
</script>

Abbiamo creato un codice JavaScript che prende il valore inserito nel campo di testo e redirecta la pagina sul sito di ricerca dei pacchetti Debian inserendo come stringa di ricerca il nostro valore!

Bene!Però per far questo dobbiamo modificare il codice relavito al pulsante in questa maniera:

<input type="button" value="Cerca" onclick="javascript:cerca();" />

Salviamo il nostro file XML e carichiamolo sul web: a questo punto per aggiungerlo a Google basta andare a questo URL:

http://www.google.it/ig/directory?hl=it&root=/ig&igtab=Home&dpos=top

(basta che clicchiate qui)

Cliccare su: Aggiungi da URL (in parte al pulsante "Cerca contenuti per la home page")
E immettere il nostro URL!

A questo punto il nostro add-on dovrebbe essere bello pronto e (spero) funzionale!

PS Siccome gli URL e altre informazioni sono molto lunghe ed appaiono con ritorni a capo potete trovare il codice al seguente URL.

Fatemi sapere e domandate pure!
Commenti sono sempre ben accetti ;)