SELECT * FROM // c[_]~~

(Anmerkung vom 7.3.2007: Dieser Artikel beschreibt nicht mehr den neuesten Stand. Es wird empfohlen, lieber den Nachfolger OpenSearch …dann klappt’s auch mit den Anderen zu lesen.)

Das Suchmaschinen-Feld oben rechts im Firefox-Fenster ist eine feine Sache: Stichwort rein und sofort zur Ergebnis-Seite. Und wenn wir sowieso schon mal dabei sind, die Such-Funktion unseres Blogs für Firefox zu erweitern, was liegt da näher als hier gleich noch zu erklären, wie es geht?

Zum Vergleich ist hier das bereits vorhandene Such-Formular aus dem HTML-Code:


<form id="searchform" method="get" action="http://www.janhaeussler.com/">
<div>
<input id="s" name="s" type="text" value="" tabindex="1" size="10" />
<br/>
<input id="searchsubmit" name="searchsubmit" type="submit" value="Find" tabindex="2" />
</div>
</form>


Wie und wo der Server nach den Stichworten sucht, muss uns gar nicht mehr interessieren - wir “bauen” nur einen neuen Client und dazu brauchen wir drei Dinge:

1. Die Beschreibung der Suchmaschine


#
# Unsere Suchfunktion
# @copyright 2007 WiMaBlog
#
<search
version = "1.0"
name="WiMaBlog"
description="Suche im WiMaBlog"
searchForm="http://www.janhaeussler.com/"
action="http://www.janhaeussler.com/"
method="GET"
>
<input name="s" user>
</search>
<browser
update="http://www.janhaeussler.com/Search.src"
updateIcon="http://www.janhaeussler.com/favicon.gif"
updateCheckDays="100"
>


Dieser Code wird in der Datei Search.src gespeichert und später durch JavaScript aufgerufen. Irgendwie sind ja auch noch die Gemeinsamkeiten mit dem HTML-Code erkennbar, wenn auch nicht gerade auf den ersten Blick.
Zusätzlich gibt es mit den Update-Attributen die Möglichkeit, dem Browser Anweisungen zu geben, wann und wo er nach neuen Versionen suchen soll.

2. Ein Logo
Das Logo ist bei uns unter favicon.gif gespeichert - zur Zeit sieht es so aus:

3. Die JavaScript-Funktion zum Installieren der Suchmaschine in Firefox


<script type="text/javascript">
function addSearchEngine() {
quelle = "http://www.janhaeussler.com/Search.src";
logo = "http://www.janhaeussler.com/favicon.gif";
name = "WiMaBlog";
kategorie = "Wissen ist Macht!";

if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
window.sidebar.addSearchEngine(quelle, logo, name, kategorie);
} else {
alert("Diese Installation funktioniert nur mit Mozilla und Netscape 6");
}
}
</script>

Die Funktion kann man auch extern speichern, wir haben sie gleich in die Seite dieses Artikels eingebunden.

Damit ist die Arbeit auch schon getan und wir können endlich anfangen:
Die WiMaBlog-Suchmaschine installieren und ab heute viel komfortabler auf WiMaBlog suchen…