Suchmaschinendienst für Firefox und IE erstellen
Kategorie Sonstiges
Datum: 17.03.2008, 21:16 - Autor: Manko10
Hier mal ein Tutorial ganz anderer Art.Wer den Firefox oder den Internet Explorer (ab Version 7) benutzt, wird sicherlich schon das Suchfeld oben rechts bemerkt haben. Außerdem, dass der Dropdown-Button daneben auf manchen Seiten farbig hervorgehoben wird. Das signalisiert dann immer, dass diese Seite einen Suchdienst auf Basis von OpenSearch anbietet.
Das ist an sich nichts Wildes. Nur ein standardisiertes XML-Dokument (nach dem OpenSearch-Standard), das bestimmte Angaben zu einem Suchdienst macht. In diesem Tutorial wollen wir zusammen einen Suchdienst erstellen.
Dazu zuerst die grobe Struktur dieser Datei:
| Code: | ||
|---|---|---|
|
Das ist im Grunde auch schon alles, es fehlen nur noch die direkten Daten zu einer Search-Engine. Nehmen wir dazu die von OpenWebBoard. Zuerst geben wir Name, Beschreibung und Pfad zur Seite, auf der das Formular zu finden ist an (dieser wird aufgerufen, wenn der User eine Suche startet, ohne etwas eingegeben zu haben).
| Code: | ||
|---|---|---|
|
Soweit so schön. Nun müssen wir noch den Suchbegriff übermitteln. Dazu müssen wir wissen, über welche Methode (GET oder POST) die Daten gesendet werden. In unserem Fall ist das POST.
Hierzu noch, welche Parameter übergeben werden müssen. Ich schreibe diese jetzt einfach ohne Erklärung hier auf. Das einzige, was ich erkläre ist, dass das Attribut template="..." den aufzurufenden URL angibt und jedes Param-Element eine zu übergebende Variable und deren Wert enthält. Der Platzhalter {searchTerms} steht dabei für den vom User eingegebenen Suchbegriff.
| Code: | ||
|---|---|---|
|
Hiermit kann man nun schon eine vollwertige Suche ausführen. Was jetzt aber noch ein wenig fehlt, ist ein hübsches Icon.
Dazu ist das übrig gebliebene Element
| Code: | ||
|---|---|---|
|
Das heißt einfach, dass hier das Icon angegeben wird, jedoch nicht als Pfad, wie gewohnt, sondern als Zeichenfolge. Um diese Zeichenfolge zu erstellen, benötigen wir zwei Dinge:
- Ein Icon in der Größe 16x16 Pixel
- Ein sehr kurzes PHP-Skript, welches das Icon serialisiert
Das Skript lautet wie folgt:
| PHP-Code: | ||
|---|---|---|
|
Jetzt nochmal das ganze Listing (das Icon deute ich nur an):
| Code: | ||
|---|---|---|
|
Damit der Browser nun auch weiß, dass die Seite einen Suchdienst anbietet, musst du das ganze als XML-Datei mit der Endung .xml speichern.
Dann gibst du im HEAD-Bereich der Seite folgendes an:
| Code: | ||
|---|---|---|
|
Den Dateinamen kannst du natürlich anpassen.
That's it!
Ich hoffe, es war informativ. Schreib doch mal einen Kommentar...
Seiten: (1/1) 1
25 Kommentare:
Top
Datum: 14.01.2009, 11:20 - Autor: Gast
Gut und einleuchtend erklärt.Es ist ohne große Programmierkenntnisse anwendbar und detailiert.
mhmm
Datum: 26.10.2009, 23:27 - Autor: OnlineSpion
Bin wohl zu doof.Wenn ich die xml Datei im ordner searchplugins speicher, was muss ich tun das die suche mir auch im ff angezeigt wird.?
mfg
Datum: 27.10.2009, 13:36 - Autor: Manko10
Hallo OnlineSpion,wie geschrieben, musst du im Kopf-Bereich deiner HTML-Seite noch die folgende (von dir natürlich angepasste) Zeile angeben:
| Code: | ||
|---|---|---|
|
Manko10
Datum: 24.01.2010, 22:09 - Autor: Gerda
Klasse sache.. dankeFrage, kann ich das irgendwie machen, dass die Suche automatisch hinzugefühgt wird!?
oder kann ich irgendwie ne Downloaddatei erstellen, damit man die suche per installation oder ähnlichem eingefühgt wird?!
Gruß und danke im vorraus
Datum: 24.01.2010, 22:16 - Autor: Manko10
Hallo,es ist (Gottseidank) nicht möglich, die Search-Plugins automatisch zu installieren, immerhin soll der Benutzer ja über seinen Browser selbst verfügen können.
Wenn du die Installation aber über einen Link anbieten willst, könntest du die XML-Datei verlinken, die du dann mit dem Content-Type application/opensearchdescription+xml auslieferst (beim Apache via AddType). Keine Ahnung, ob das funktioniert, aber die Chance besteht zumindest.
Weitere Informationen zu Search-Plugins findest du auch hier: https://developer.mozilla.org/en/Creating_OpenSearch_plugins_for_Firefox
Datum: 24.01.2010, 22:36 - Autor: Gerda
Danke für die schnelle Hilfe!!Serialisieren???
Datum: 30.03.2010, 16:08 - Autor: Gast
Ich verstehen das mit dem serialisieren leider nicht. Wie geht das? Was soll ich mit dem PHP-Fetzen machen?Datum: 31.03.2010, 16:04 - Autor: Manko10
Hallo,Serialisieren heißt hier, dass die binären Bildinformationen in ASCII-Textinformationen umgewandelt werden. Das Ergebnis ist hier ein sehr langer hexadezimal kodierter String. Das PHP-Skript, das musst du auf einem Webserver oder über die Konsole ausführen (wobei das Copy&Paste des erzeugten Strings dann meist etwas mühsam ist). Wenn du keinen bei dir installiert hast (z.B. per XAMPP), dann führe es z.B. auf einem Webspace aus. Das Skript dient nur einmal dazu, dir das Icon zu serialisieren. Den erzeugten Text (also die Ausgabe des Skripts) kopierst du an der angegebenen Stelle in dein OpenSearch-XML-File wie oben in der Anleitung beschrieben. Das PHP-Skript brauchst du dann nicht mehr. Es ist nur ein Hilfsmittel bei der Erstellung deiner XML-Datei. Du kannst das natürlich auch mit anderen Mitteln erreichen. Du kannst sogar per Hand die Bildinformationen serialisieren, aber das ist eher umständlich aus praktisch.. Von daher ist die Lösung per PHP meist die einfachste.
Plugin für mich erstellen
Datum: 11.07.2010, 15:20 - Autor: Kisu189
Hallo!Leider kann ich das mit dem selber erstellen nicht. Vielleicht kann mir einer für die Webseite:
www.vertippdich.de eins erstellen und auch
den Programmierungstext geben, damit ich das
mal verstehe. Das wäre toll!
Lg
Sille
Datum: 11.07.2010, 16:11 - Autor: Manko10
Hi,das sollte funktionieren:
| PHP-Code: | ||
|---|---|---|
|
Grüße
Janek
Brauche nochmal Hilfe...
Datum: 12.07.2010, 17:17 - Autor: Kisu189
Ich dachte, ich weiß wie ich den PHP-Code weiter verwende, aber wo gebeich den den in Firefox ein...Bin in Sachen "programmieren" noch ein echter
Weisenknabe....
Datum: 12.07.2010, 17:26 - Autor: Manko10
Du erstellst dir eine HTML-Seite uns schreibst in den Kopf-Bereich die Zeile, die am Ende des Artikel steht (habe ich im Kommentar Nr. 3 sogar noch einmal wiederholt). Die rufst du im Firefox auf und dann kannst du den Suchdienst über das Dropdown links neben dem Suchfeld hinzufügen. Die HTML-Datei brauchst du danach nicht mehr.Ich schaffe es nicht :-(
Datum: 12.07.2010, 21:39 - Autor: Kisu189
Also ich kopiere das ganze in Word, oben wie in Kommentar 3 und passe die Zeile an sprich name und wo die datei liegt und speicher das ganze unter webseite! diese läßt sich natürlich dann in firefox öffnen, aber ich kann sie nicht über den suchdienst speichern! wenn ich rechtsklick rein mache, zeigt er mir zwar im Kontextmenü "Diese Suche zur Suchleiste hinzufügen", aber dabei passiert nichts. Hmm...Datum: 12.07.2010, 21:49 - Autor: Manko10
Du sollst auch nichts in Word speichern, sondern mit einem Texteditor. Wenn du keinen richtigen installiert hast, nimm einfach Notepad, den Windows-Standardeditor.Da gibst du dann folgenden Code ein:
| Code: | ||
|---|---|---|
|
Merke aber, dass du dafür im Speichern-Dialog von Notepad den Dateityp unten ändern musst. Sonst hat deine HTML-Datei am Ende die Endung .html.txt und die XML-Datei die Endung .xml.txt.
klappt nicht...
Datum: 12.07.2010, 22:20 - Autor: Kisu189
habe beide dateien in notepad erstellt (text reinkopiert), bei xml angepasst (Zeile von kommentar 3). aber es geht nicht. bei html zeigt er zwar im tabreiter an: suchmaschine hinzufügen, aber mit der xml datei zeigt er fehlermeldung im browser...Datum: 13.07.2010, 00:19 - Autor: Manko10
Du sollst auch bei der XML-Datei nichts anpassen. Ich habe dir den XML-Code jetzt schon so weit aufbereitet, dass du ihn nur noch 1:1 übernehmen musst. Ebenso den HTML-Code.Wichtig ist nur, dass du den XML-Code als vertippdich.xml im selben Ordner wie die HTML-Datei abspeicherst.
Achso
Datum: 13.07.2010, 18:30 - Autor: Kisu189
Also den html text von 21:49und den xml text von 16:11
Datum: 13.07.2010, 18:34 - Autor: Manko10
Nein, umgekehrt. Den HTML-Code aus 21:49 und den XML-Code aus 16:11. Letzteren unter vertippdich.xml im selben Verzeichnis wie den HTML-Code abspeichern. Anschließend die HTML-Datei im Browser aufrufen und über das Dropdown die Suche hinzufügen.Es klappt nicht...
Datum: 13.07.2010, 18:35 - Autor: Kisu
XML-Verarbeitungsfehler: nicht wohlgeformtAdresse: file:///C:/Dokumente%20und%20Einstellungen/Sille/Desktop/vertippdich.de/vertippdich.xml
Zeile Nr. 3, Spalte 22: <Description>Schn?ppchen finden durch Vertipper.</Description>
---------------------^
Zeigt er mir an. Ich speichere beide in einem Ordner. Wenn ich die html datei öffne (in firefox) öffnet sich eine leere seite mit: Suchdienst hinzufügen. dann öffne ich die xml datei, wo er das oben anzeigt....
???
Datum: 13.07.2010, 18:37 - Autor: Kisu189
Nein, umgekehrt. Den HTML-Code aus 21:49 und den XML-Code aus 16:11???Das habe ich doch geschrieben!
Datum: 13.07.2010, 18:41 - Autor: Manko10
Jap, sorry, habe das verkehrt gelesen. ja, der in 21:49 ist der HTML-Code und der in 16:11 der XML-Code.Der von mir geschriebene XML-Code ist aber definitiv korrekt. Speichere die Datei doch bitte noch einmal neu und wähle dabei im Speichern-Unter-Dialog von Notepad beim Zeichensatz statt UTF-8 mal ISO-8859-1 oder ISO-8859-15 aus.
Es klappt nicht...
Datum: 13.07.2010, 19:01 - Autor: Kisu189
Trotzdem danke für die Mühe... Ich kann UTF-8 nicht auf ISO umstellen. Habe mir notepad geladen, aber ich kann es dort nicht einstellen.Datum: 13.07.2010, 19:04 - Autor: Manko10
Wieso Notepad laden? Ich meine nicht Notepad2 oder Notepad++, sondern einfach den ganz normalen Windows-Editor, der mit jedem Windows mitgeliefert wird. Oftmals heißt der auch einfach nur Editor.Bei dem musst du nur aufpassen, dass du im Speichern-unter-Dialog beim Dateityp immer Alle Dateien auswählst, bevor du speicherst, sonst fügt Notepad/Editor dir immer .txt an deinen Dateinamen.
frage
Datum: 02.10.2010, 00:00 - Autor: wolf
hallo,wie und wo hast du das php script eingefügt
<?php
echo rawurlencode(file_get_contents("icon.ico"
);?>
Datum: 03.10.2010, 17:28 - Autor: Manko10
Das wird nirgendwo eingefügt, das ist einfach ein Skript, das einmal ausgeführt werden muss. Du kannst das Icon auch von Hand oder mithilfe jedes anderen Tools oder jeder anderen Programmiersprache serialisieren.Den dann generierten String kannst du dann in dein XML-File nehmen und das PHP-Skript dann wegschmeißen.
