Verlinken
Im HTML Document muss im HEAD Element erstmal auf die opensearch-xml Datei verwiesen werden(die alle näheren Informationen parat hält), damit der Browser weiß, das die Seite eben eine eigene Suchfunktion unterstützt.
Das ganze geschieht mit Hilfe von:
Hier muss ledeglich die URL angepasst werden, die .xml Datei kann beliebig benannt werden. "title" bezeichnet den Namen, der am Anfang bei der Hinzufügen Option steht. z.b. "Meine Suche hinzufügen" wäre das Ergebniss bei title="Meine Suche"
XML Datei
Dies ist quasi das Herzstück der Suchfunktion. Jene Datei muss als .xml Datei abgespeichert sein und ohne groß etwas zu erklären, poste ich hier erstmal eine "Rohdatei"(Die Verlinkung funktioniert nicht richtig):
Der Einfachheithalber habe ich einfach ein paar der Eingaben mit Beispielen von meiner Seite gefüttert. So lautet der Titel Eikaramba, die Beschreibung "Suche in News, Fundsa..." und die Suchurl eben "eikaramba.de/suche/".
Ändern müsst ihr natürlich alles, aber zu machen Sachen muss ich noch etwas loswerden. Das Character Encoding ist bei mir ISO-8859-1, sollte es bei euch anders sein, z.b. UTF-8 dann müsst ihr das ändern. Die Searchform ist die URL die aufgerufen wird für die Suchanzeige. An diese wird bei method="GET" die Variable "Suchbegriff" drangehängt der logischweise die Suchbegriffe enthält. Das müsst ihr an eurer Script anpassen.
Beim Icon ist es etwas umständlicher bzw. einfacher, weil die Bilddaten roh eingegeben werden müssen und nicht als Link auf das Bild. Das geht aber recht einfach, wenn man dieses kleine Hilfsprogramm dafür benutzt. Dann einfach "data:image/x-icon;base64,imageData" mit dem Ergebniss ersetzen.
Liste mit Vorschlägen
Hier wird es jetzt leider etwas komplizierter. Das ganze ist optional und wird ergänzt, indem man oben in der XML Datei unter der URL für die Suchmaske noch folgendes hinzuschreibt:
<Url type="application/x-suggestions+json" template="suggestionURL"/>
SuggestionURL ist dabei der Link zu der Datei, die die Vorschlägen ausgibt. Am anschaulichsten ist es, wenn ihr euch anschaut, wie Yahoo dies löst:
So könnte es z.b. aussehen, aber ihr solltet es natürlich an eurer Script anpassen, was vorzugweise einfach ein PHP Script ist. Jenes erhält mit einer Variable ähnlich der Suchanfrage die Suchwörter. Diese werden dann im JSONS format ausgegeben(schaut euch das Yahoo Beispiel an und ihr wisst was ich meine).
In PHP kann ich folgenden grundsätzlichen Aufbau geben:
1. Mysql Datenbank nach den Suchwörtern abfragen(Spalte LIKE '%suchbegriff%'
2.Mit Hilfe von "strip_tags()", dieser Funktion und addslashes() die einzelnen Vorschläge rein Character Encodingsmäßig an die Browser anpassen.
3. Per Echo ausgeben. |
PortableApps Suite
Detailansicht
